jquery和css的区别是什么？

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

见下面的例子，CSS为每个段落的文字设置成14px,颜色是红色，jQuery中设置文字为16px,颜色为蓝色，因为jquery设置的是DOM加载后的行为，所有的段落表现为蓝色，16px字

本人在职前端开发，如果你也想学习前端开发技术，可以加入我组建的前端学习交流裙：851 231 348 自己根据多年
来的开发经验总结录制的一套web前端精讲视频和学习方法，以及一些前端学习手册，前端面试题，端开发工具，
PDF文档书籍教程，无偿分享给大家。需要的话都可以自行来获取下载。

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

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’)

属性选择器(′[attribute=value]′)和伪类选择器('[attribute=value]')和伪类选择器(′[attribute=value]′)和伪类选择器(’:hidden’)

以上就是jquery和css的区别是什么？的详细内容

jquery和css的区别是什么？相关推荐

jquery设置css样式、style属性示例（超强解析）
jQuery 一.CSS 1.css(name) 2.css(properties) 3.css(name,value) 二.位置 1.offset() 2.position() 3.scrollTo ...
html+jquery+添加样式,jquery设置css样式、style属性示范
jquery设置css样式.style属性示例 css虽然会在一开始我们就定义好了,但是有很多场景需要我们动态设置css,或者单独修改一个dom控件的style属性,今天分享一下我总结的jquery ...
使用jQuery的.css()和.attr()方法设置元素left属性的注意点
今天在使用jQuery方法".css()"设置"ajax-loader.gif"的位置时出了点小状况,关键代码如下(为了简化,这里假定要给"ajax- ...
[css] Reset CSS和Normalize CSS的区别是什么？
[css] Reset CSS和Normalize CSS的区别是什么? Reset:将所有浏览器的默认样式都统一化,注重的是跨浏览器统一样式,用户还要自行添加一些默认样式. Normalize:会根 ...
38动感菜单 38 jQuery And CSS Drop Down Multi Level Menu Solutions
参看: http://www.1stwebdesigner.com/freebies/38-jquery-and-css-drop-down-multi-level-menu-solutions/ 3 ...
jQuery操作CSS常见问题
1.jquery操作css !important无效解决: 这种写法:$('#oDiv').css({"width":"100px", "color ...
jquery访问css类,jQuery - 获取并设置 CSS 类
2017-09-16 摘抄自W3school-jQuery - 获取并设置 CSS 类希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自己额外的收获. 通过 jQuery,可以很容易地对 CS ...
【jQuery学习】—jQuery操作CSS和表格
[jQuery学习]-jQuery操作CSS和表格一.jQuery操作CSS 二.jQuery操作表格
jquery、css 的选择器(逗号/空格/英文句号/大于号/加号/波浪号)
jQuery.CSS常用选择器符号描述示例说明紧接无符号相当于"并且"关系 input.k-textbox{ ... } 选出input并且包含k-textbox ...

jquery和css的区别是什么？

jquery和css的区别是什么？相关推荐

最新文章

热门文章