码迷,mamicode.com
首页 > Web开发 > 详细

css选择器jquery选择器异同

时间:2018-01-08 12:18:51      阅读:213      评论:0      收藏:0      [点我收藏+]

标签:层次选择器   classname   nal   ##   ext   兼容性   jquer   log   strong   

css选择器用$("")包起来就成了jQuery选择器

  CSS选择器 jQuery选择器
ID选择器 #myID $(‘#myID‘)
类选择器 .myclass $(‘.myclass‘)
标签选择器 p $(‘p‘)
层次选择器 div > strong $(‘div>strong‘)

css称为伪类选择器
jQuery称之为过滤选择器

p:nth-child(1) $(‘p:nth-child(1)‘)

 

 

 

 

 

 

 

CSS选择器的效率(从上至下):

id选择器(#myid)
类选择器(.myclassname)
标签选择器(div,h1,p)
相邻选择器(h1+p)
子选择器(ul > li)
后代选择器(li a)
通配符选择器(*)
属性选择器(a[rel="external"])
伪类选择器(li:nth-child(1))##从1开始

jQuery选择器拥有更好的游览器兼容性。

 

css选择器jquery选择器异同

标签:层次选择器   classname   nal   ##   ext   兼容性   jquer   log   strong   

原文地址:https://www.cnblogs.com/zenan/p/8241746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!