jquery选择器,CSS选择器
常见问题
网咯棋牌源码,vscode哪种字体好看,ubuntu调用终端,tomcat俄罗斯,sqlite3放在哪,类似八爪鱼爬虫 手机APP,php二维变一维,番禺seo推广运营,dede网站地图地睛,chrome 网页源码,自考报名模板lzw
我们知道，jQuery选择器和CSS选择器的写法十分类似，都具有隐式迭代的特点，无需循环遍历符合选择器要求的每个元素，使用起来相对方便，通常，把css选择器用$(“”)包起来就成了一个jQuery选择器，如手机日历app源码,查看ubuntu的状态,tomcat不能跨域吗,爬虫技术 违法,php数字倒序输出,seo优选lzw
| CSS选择器 | jQuery选择器 | |
| ID选择器 | #myID | $(“#myID”) |
| 类选择器 | .myClass | $(“.myClass”) |
| 标签选择器 | p | $(“p”) |
| 层次选择器 | p > strong | $(“p>strong”) |
| css称为伪类选择器 jQuery称之为过滤选择器 | p:nth-child(3) | $(“p:nth-child(3)”) |
见下面的例子，CSS为每个段落的文字设置成14px,颜色是红色，jQuery中设置文字为16px,颜色为蓝色，因为jquery设置的是DOM加载后的行为，所有的段落表现为蓝色，16px字
易语言刷Q币软件源码,vscode 底层框架,ubuntu 双拼,tomcat url 日志,黑窗口进入sqlite,discuz音乐插件,js前端框架es6,爬虫获取图片的方法,php从入门到精通下载,渭南谷歌seo公司,流量活动网站源码,网页步骤引导,优站免费模板lzw
选择器 p { font-size: 14px; color:#F00 }p:nth-child(3){color:#690}$(document).ready(function() { $("p").css({"color":"#00f","font-size":"16px"}); $("p:nth-child(3)").css({"font-size":"24px"});});第一段
第二段
第三段
第四段
那么两者的区别在哪里呢？
1、两者的作用不同，CSS选择器找到元素后为设置该元素的样式，jQuery选择器找到元素后添加行为。
2、jQuery选择器拥有更好的跨浏览器的兼容性。
3、选择器的效率。
CSS选择器的效率
1、id选择器（#myid）
2、类选择器（.myclassname）
3、标签选择器（p,h1,p）
4、相邻选择器（h1+p）
5、子选择器（ul > li）
6、后代选择器（li a）
7、通配符选择器（*）
8、属性选择器（a[rel=”external”]）
9、伪类选择器（a:hover,li:nth-child）
上面九种选择器的效率是从高到低排下来的，基中ID选择器的效率是最高，而伪类选择器的效率则是最底。详细的介绍大家还可以查看Writing efficient CSS selectors（地址：http://csswizardry.com/2011/09/writing-efficient-css-selectors/）。
jQuery选择器的效率
1、id选择器$(‘#id’)和元素标签选择器$(‘form’)
2、类选择器$(‘.className’)
3、属性选择器$(‘[attribute=value]’)和伪类选择器$(‘:hidden’)
编程课程！！