区别:1、css是一种用来表现HTML或XML等文件样式的计算机语言,而jquery是一套跨浏览器的JavaScript代码库;2、CSS选中元素后为该元素设置样式,jQuery选中元素后为该元素添加行为。
本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。
css和jquery有什么区别
jQuery
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
CSS (层叠样式表)
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。
CSS选择器和jQuery选择器的区别
我们知道,jQuery选择器和CSS选择器的写法十分类似,都具有隐式迭代的特点,无需循环遍历符合选择器要求的每个元素,使用起来相对方便,通常,把css选择器用$("")包起来就成了一个jQuery选择器,如
那么两者的区别在哪里呢?
1、但两者的作用不同,CSS选择器找到元素后为设置该元素的样式,jQuery选择器找到元素后添加行为。
2、jQuery选择器拥有更好的跨浏览器的兼容性。
3、选择器的效率。
CSS选择器的效率
id选择器(#myid)
类选择器(.myclassname)
标签选择器(div,h1,p)
相邻选择器(h1+p)
子选择器(ul > li)
后代选择器(li a)
通配符选择器(*)
属性选择器(a[rel=“external”])
伪类选择器(a:hover,li:nth-child)
上面九种选择器的效率是从高到低排下来的,基中ID选择器的效率是最高,而伪类选择器的效率则是最底。
jQuery选择器的效率
id选择器KaTeX parse error: Expected 'EOF', got '#' at position 3: ('#̲id')和元素标签选择器(‘form’)
类选择器$(’.className’)
属性选择器( ′ [ a t t r i b u t e = v a l u e ] ′ ) 和 伪 类 选 择 器 ('[attribute=value]')和伪类选择器( ′ [attribute=value] ′ )和伪类选择器(’:hidden’)
相关视频教程推荐:jQuery视频教程
以上是css和jquery有什么区别的详细内容。更多信息请关注PHP中文网其他相关文章!