[jQuery基础] jQuery对象 — 选择器

jQuery对象

选择器

基础选择器

主要有通过id名查询的id选择器、类选择器、标签选择器以及通用选择器

层次选择器

常见有后代选择器、子选择器 、相邻兄弟选择器、同胞选择器

序选择器

等待更新

属性选择器

$ (“div[id]”) 选择所有含有id属性的div元素
$ (“input[name=‘newsletter’]”) 选择所有的name属性等于’newsletter’的input元素
$ (“input[name!=‘newsletter’]”) 选择所有的name属性不等于’newsletter’的input元素
$ (“input[name^=‘news’]”) 选择所有的name属性以’news’开头的input元素
$ (“input[name$=‘news’]”) 选择所有的name属性以’news’结尾的input元素
$ (“input[name*=‘man’]”) 选择所有的name属性包含’news’的input元素
$ (“input[id][name$=‘man’]”) 可以使用多个属性进行联合选择，该选择器是得到所有的含有id属性并且那么属性以man结尾的元素

内容过滤选择器

:empty

• 作用:找到既没有文本内容也没有子元素的指定元素

$(function () {var $div = $(\"div:empty\")console.log($div)}

:parent

• 作用: 找到有文本内容或有子元素的指定元素

$(function () {var $div = $(\"div:parent\")console.log($div)}

:contains(text)

• 作用: 找到包含指定文本内容的指定元素

$(function () {var $div = $(\"div:contains(\'我是div\')\")console.log($div)}

:has(selector)

• 作用: 找到包含指定子元素的指定元素

$(function () {var $div = $(\"div:has(\'span\')\")console.log($div)}