jQuery九类选择器-创新互联

jQuery选择器基本选择器

#id/标签名/样式名/选择器A,选择器B

jQuery层次选择器

*form input:查询form下所有input元素,含有后代关系
form>input:查询form下所有input元素,有有父子关系,没有后代关系
form+input:查询与form同级的第一个input元素,是兄弟关系
form~input:查询与form同级的所有input元素,是兄弟关系

jQuery增强型基本选择器

:first:查询第一个元素
:last:查询最后个元素
:checked:查询选中的复选框
:not(:checked):查询未选中的复选框
:even:偶数
:odd:奇数
:eq():索引从0开始
:gt():大于索引号
:lt():小于索引号
:header:查询所有

标签 .css("key","value")为查询到的所有标签添加CSS样式

jQuery内容选择器

:contains('john'):表示包含指定字符串的标签,字符串大小写敏感
:empty:表示查询空标签的元素
:has('p'):表示查询有子元素的元素
 .addClass("样式名"):为查询到的所有标签添加样式
:parent:表示查询非空标签

jQuery可见性选择器
:hidden:表示查询所有隐蔽的标签
:visible:表示查询所有显示的标签
或:not(:hidden)

创新互联总部坐落于成都市区,致力网站建设服务有成都网站设计、网站建设、网络营销策划、网页设计、网站维护、公众号搭建、微信小程序、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设,为互联网品牌在互动行销领域创造价值而不懈努力!

jQuery属性选择器

div[id]:表示查询含有id属性的div元素
input[name='newsletter']:表示查询含有name属性,且其值是"newsletter"的input元素
input[name!='newsletter:表示查询含有name属性,且其值不是"newsletter"的input元素
input[name^='newsletter:表示查询含有name属性,且其值以"news"开头的input元素
"input[name$='letter':表示查询含有name属性,且其值以"letter"结尾的input元素
input[name*='news']::表示查询含有name属性,且其包含"news"的input元素
input[id][name$='letter']:表示查询含有id属性,且含有name属性,其值以"letter"字符串结束的input元素

jQuery子元素选择器

:first-child:表示查询第一个子元素
:last-child:表示查询最后一个子元素
:only-child:表示查询只有一个子元素的元素
:nth-child(编号从1开始),表示查询指定编号的元素

jQuery表单选择器

:input:查找所有input元素的个数,注:包含所有input,textarea,select和button元素
:text
:password
:radio
:checkbox
:file
:submit
:reset
:image
:file

表单对象属性

:enabled:表示查询可用的元素
:disabled:表示查询不可用的元素
:checked:表示查询选中的复选/单选框的元素
:selected:表示查询选中的下拉框元素

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


分享文章:jQuery九类选择器-创新互联
地址分享:http://azwzsj.com/article/djpseg.html