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()