zoukankan      html  css  js  c++  java
  • 菜鸟学JS&JQuery(随笔二——jQuery提供的选择器、修改一个标签中的内容、操作标签的类属性)

     

    jQuery选择器====================

    通过ID:

    var para= $('#name');

     

    通过标签:

    var para= $(' a ');

     

    通过类名:

    var para=$('.subtag');

     

    孩子选择器:

    $('body>p')

     

     兄弟选择器:

    $('h2+div')

     

    属性选择器:

    可以找到设置了alt属性的<img>标签,甚至可以匹配一个拥有特定的alt文本值的<img>标签。

    要找到设置了alt属性的<img>标签:

    $('img[alt]')

     

    找出表单中的所有文本框,可以使用:

    $('input[type="text"]')

     

    [attribute]选择HTML中那些已经指定了特定属性的元素。

    例如

    $(a[href])

    找到设置了一个href属性的所有<a>元素。

     

     

    向页面添加内容=================

     

    复制一个特定元素中的 HTML:

    alert($('#errors').html());

     

    如果为.html()提供一个字符串作为参数, 就替换了选择中的当前内容:

    $('#errors').html('<p>There are four errors in this form</p>');

     

    prepend()和append()

    append: To add something to the end  of a writing.

    prepend:To add something to the beginning  of something else. 

    如对于一个ID为"errors"的<div>标签来说:

    $('#errors').prepend('<p>There are four errors in this form</p>');

    添加的标签还是会在id为‘errors’的<div>的内部

     

    # 而.before()或.after()添加的内容会在<div>的外部

     

     

    还有 .remove()和.replaceWith()

     

     

    addClass()和 removeClass()

    ps:,addClass('externalLink')是正确的,而 addClass(.'externalLink')是错误的。

     

     

    toggleClass()函数,

    $('#changeStyle').click(function(){ 
    $('body').toggleClass('altStyle');

    });

    它在每次单击按 钮的时候添加或删除类altStyle

     

     

     

     

    来自:

    《JavaScript和jQuery实战手册》.M,David.(second Edit.).机械工业出版社.p454-p509

    豆瓣读书:

      https://book.douban.com/subject/21761879/

     

  • 相关阅读:
    Oracle 跨库查询表数据(不同的数据库间建立连接)
    Oracle 跨库查询表数据(不同的数据库间建立连接)
    Win10“启动”文件夹在哪里?如何打开Win10启动文件夹?
    常用[js,css,jquery,html]
    备忘
    常用网站
    常用SQL[ORACLE]
    基于 Promise 的 HTTP 请求客户端 axios
    CSS中字体响应式的设置
    HTML5 History API让ajax能回退到上一页
  • 原文地址:https://www.cnblogs.com/hikki-station/p/10460775.html
Copyright © 2011-2022 走看看