css3选择器和jq选择器的比较?


css3的某个属性里
.p_f_color:first-of-type
{
background:#ff0000;
}

jq选择器
$(document).ready(function(){
$("div p").first().css('background','#ff0000');
});

小弟好奇两者的存在的区别//


个人感觉区别主要还是在于浏览器的解析吧.

浏览器->解析HTML->构成DOM树____>构成渲染树(呈现树)->...
浏览器->解析CSS->CSS规则树 /

  • CSS的选择器其实是在浏览器解析阶段提供信息用于构成渲染树.

  • jq选择器,由于我学艺不精,还没读源码,也不太清楚.其中用到了各种正则表达式,但是也离不开HTML DOM才对.

  • javascript的getElementByID应该是通过HTML DOM接口来进行DOM树的访问的.

要是说不同的话,其实本质CSS选择器是解析的规则,而JS选择器获取到的则是DOM树的节点.如果用js选择器对样式进行修改的话其实是通过DOM树->呈现树的关系进行修改的

动态变化
在发生变化时,浏览器会尽可能做出最小的响应。因此,元素的颜色改变后,只会对该元素进行重绘。元素的位置改变后,只会对该元素及其子元素(可能还有同级元素)进行布局和重绘。添加DOM节点后,会对该节点进行布局和重绘。一些重大变化(例如增大“html”元素的字体)会导致缓存无效,使得整个呈现树都会进行重新布局和绘制。

一点拙见...希望有大神能给出更加详尽和规范的解释
我觉得应该一看的资料:
http://coolshell.cn/articles/...
http://www.html5rocks.com/zh/...


css3的选择器是浏览器中 的 渲染进程 去查找的。jq里面是通过浏览器的 js进程 去查找。我是这样认为的,新手一枚,请大神指点


个人见解,同候大神
CSS 为元素设置默认样式,元素的各项基本外观都由 CSS 展现。
JavaScript 为元素动态改变外观,变更通过修改 CSS 实现。
在网页展现时 CSS 被优先显示,JavaScript 被稍后加载(选择方式稍慢?加载顺序靠后?本人不知)。
至于选择器,你所说 “存在的区别” ,
大致是 CSS 选择快,选择性差(如没有父元素选择器);
JavaScript 选择慢,可选择性好。
如果你所问的是 “为什么会有两个选择器?”(作者没搞清楚你要问啥)
那么大致是因为两个模块,两个团队,两个选择方式导致的吧。
略知皮毛,不知其因;
个人见解,同候大神。



相关阅读:
变量的内存分配
ionic2 创建项目 ionic server 报这个错 有朋友可以帮忙看看吗!
微信小程序 swiper组件无法滑动,但是可以自动切换?
想写个博客,却找不到适合的主题
如何更改cxf webService端口号?
uuid 有什么用?
vue组件内应该新建vue对象吗
aria2提示不支持https
js中如何将json数组转换为tree结构对象?
javascript Image的onload 方法的使用
关于多个页面css样式表问题
androidstudio Execution failed for task
app首页接口需要好多数据,数据要统计许多表的数据,有什么简化方法么?
数据库字段设计了不能为空 还是插入了数据 大神帮我看看为什么?
为什么video标签获取到的对象vedio对象的duration是NAN
关于JS的事件队列问题
bootsrap页面布局需, 横向滚动条显示多个,固定左侧表头
build opencv.sln出错
如何去掉百度地图api中的建筑物名称
一个页面调用同一个modal,返回值问题。



快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 生化之争(2)作文3000字 你可以看穿我吗? 昆山全日制劳动合同 写字楼物业租赁合同 小学五年级作文600字:我教弟弟学写字 写给奶奶的,小文字 生活本味 那年,那月,那些人(第一章 第六节) 妈妈夜深了…… 难忘的班会作文500字 写在“三八”妇女节 我的思维作文400字 青春励志微小说:水影日落 一点事 小学五年级作文1200字:友谊? 名人经典爱情语录,给自己一次纯粹的恋爱吧 小学四年级作文800字:植物园一游 你要怎样,我也不能管你 [图文]飘香茉莉 生活中的文字作文400字 故意伤害调解协议书 建设法治政府的探索与实践 读《我的战友邱少云》有感350字 不加我QQ就是原因 镇教育工作汇报 在你眼里我那么小 声声慢教学反思 父亲节的来历和意义 小学五年级作文500字:過中秋節 大学入团申请书1000字范文 暑期会计实习报告3000字 现代版的“牛郎织女” 1000字大学生入党转正申请书2015年1月 小学五年级作文450字:生日蛋糕 爱上了你,爱上了山 高三作文:感恩老师 2016会计员入党申请书优秀范文 感悟改革开放 九年级物理上册教学计划 《玩具柜台前的孩子》读后感作文700字 制作爬横杆的机器人成功 十月风过秋思落作文 关于爱情的语录 保护一个人,并不是因为喜欢一个人 飘雪的情人节 鹰眼童军:自信、坚强,你最棒! 爱的告白,爱之蝶第三章作文900字 市委工作总结及2012年工作计划 我是小当家作文500字 【春之韵】散文诗组章之一:醒来 给台湾小朋友的一封信作文350字

Copyright © 2016 phpStudy |