jQuery基础（四）—— jQuery属性操作_实验四jquery属性-优快云博客

本文介绍了jQuery中用于选择特定元素的选择器，包括has、contains、empty和parent，并详细解释了如何使用这些选择器来定位页面上的元素。此外，还探讨了属性与属性节点的概念，以及如何利用DOM元素的方法getAttribute和setAttribute进行属性的读取和修改。

（1）内容选择器：

：has(selector)//选中包含指定子元素的元素

：contains（）//选中包含指定文本内容的指定元素

：empty（）//选中既没有内容也没有子元素的元素

：parent（）//找到有文本内容或有子元素的指定元素

var $div1 = $("div:empty");
var $div2 = $("div:parent");
var $div3 = $("div:contains('imok')");
var $div4 = $("div:has('li')");

<div></div>
<div><li></li></div>
<div><p></p></div>
<div>imok</div>
<div>imok_imokkkkk</div>

选中结果：1；2,3,4,5；4,5；2

（2）属性和属性节点：

属性：对象的变量；通过对象操作属性，对象.属性或者对象[“属性名称”]；

属性节点：标签中的属性就是属性节点，<span name = "imok">,name是在span标签内定义的，因此name就是属性节点；属性节点保存在attributes中；用 DOM元素.getAttribute（“属性名称”）和 DOM元素.setAttribute（“属性名称”，“值”）来获取和设置属性节点。