jquery内容

什么是jquery?

jquery是一个javascript库，极大地简化了javascript编程。jquery可以通过一行简单的标记被添加到网页中。

怎样在网页中添加jQuery?

• 从 jquery.com 下载 jQuery 库
• 从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery
• 引用

  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>

jQuery语法

jQuery通过美元符号$定义jQuery；

（'li'）通过这个查询元素；

eg：$("li")找到li元素。

选择器

最核心选择器引擎：继承了css语法，可以对DOM元素的标签名、属性名、状态等进行快速准确地选择。

id	#div
标签名	div
class	.div1
后代选择器	header div
子代选择器	header>div
第一个	:first
最后一个	:last
所有偶数	:even
所有奇数	:odd
根据下标进行选择	:eq(n)
根据属性进行选择	[title]

拓展：jQuery有容错功能，很多情况下动态生成DOM会有问题；选择器越复杂，字符串解析越慢。

属性

获取属性值	attr('title')
设置属性值	attr('title','hahhaha')
同时设置多个属性值	attr({title,'hahahh',height: '30px'})
移除属性值	removeAttr('title')
添加class值	addClass('page')
移除class值	removeClass('page')
添加或移除class值	toggleClass('hah')

注意：设置多个css值的时候，如果属性值中有—，一定要用引号，或者-后边的字母大写。

eg：'background-color': 'red',

         backgroundColor: 'red'

CSS

css('color')获取样式值；

css('color','red')设置样式值；

css({

        'color': 'red',

        'font-size': '30px'

})设置样式值