首页  >  文章  >  web前端  >  css和jquery有什么区别

css和jquery有什么区别

WBOY
WBOY原创
2022-01-14 10:46:182700浏览

区别:1、css是一种用来表现HTML或XML等文件样式的计算机语言,而jquery是一套跨浏览器的JavaScript代码库;2、CSS选中元素后为该元素设置样式,jQuery选中元素后为该元素添加行为。

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选择器,如

03.png

那么两者的区别在哪里呢?

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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn