jQuery 学习笔记(3)(内容选择器、attr方法、prop方法,类的操作)

内容选择器:

1、$("div:empty"): 空的div元素

2、$("div:parent"): 非空div元素

3、$("div:contains(text)"): 包含 text 文本(指定文本)的div元素

4、$("div:has('span')"): 包含span元素(指定子元素)的div元素

 

2、.attr() 和.removeAttr()

  $("div").attr() //获取或者设置属性节点的值

    注意:获取属性值:无论找到多少个元素都只会返回第一个元素指定属性节点的值

         设置属性值:找到几个元素就同时设置全部找到的元素的属性值(如果没有指定属性节点则新建添加)

  $("div").removeAttr() //删除属性节点

    注意:该方法删除属性节点时会删除所有选定元素的属性节点

      同时删除多个属性节点: $("div").removeAttr("name class"),(用空格隔开字符串即可)

 

3、.prop() 和 removeProp() 

  注意: 既可以操控属性也可以操控属性节点

      官方推荐: 具有true和false的属性节点(如:checked、selected、disabled)就使用.prop(),其他使用.attr()

 

4、.addClass() 、.removeClass() 、.toggleClass()

posted @ 2018-08-15 17:19  0恋晨曦0  Views(400)  Comments(0Edit  收藏  举报