![20de536cec50213ab69756b59a3b1c15.png](https://i-blog.csdnimg.cn/blog_migrate/03aabe6907034d75b1d9337d12c19614.jpeg)
JQuery
一、引言
1.JQuery是一个基于javascript语言的框架 --- 是对js代码的合理封装
2.js缺点,jquery优点
1)js代码比较复杂 var tag = document.getElementById("idvalue");
jquery代码简单 var tag = $("#idvalue");
2)js存在着浏览器差异,jquery可以屏蔽浏览器差异
3)提供了强大的界面支持
二、第一个Jquery程序
1.搭建环境 -- 引入相关资源文件 (以.js文件形式存在)
<scripttype="test/javascript"src="js资源文件路径"></script>
2.知识点
1)$("#id") --- 根据标签的id属性值获取标签对应的jquery对象
2)html() --- 获取标签体里的内容
3)css("css属性","css属性值") --- 设置标签的css样式
三、Jquery对象与DOM对象
区别:
1.通过document.getElementById(..)获取的dom对象,不能使用jquery定义的函数
2.通过jquery方式获取的对象为jquery对象 $("#id"),可以调用jquery定义的函数
四、Jquery对象选择器
1.通过jquery选择器获取jquery对象 [ 重点 ]
1)基本选择器
$("#id") --- id选择器,根据标签的id属性值,得到标签所有对应的jquery对象 [ 重点 ]
$(".class") --- 类选择器,根据标签的class属性值获得相应的jquery对象
$("标签名") --- 标签选择器,根据标签名获取jquery对象 [ 重点 ]
$("div,span") --- 多路标签选择器
$("*") --- 全选择器
注意:$ 就是 jQuery 这几个字母
2)层次选择器
$("选择符1 选择符2") -- 后代选择器,获取所有出现在选择器1里的选择符2(包括孩子和孙子......)
$("选择符1>选择符2") -- 孩子选择器,获取选择符1里面的选择符2标签(只包括孩子)
$("选择符1~选择符2") -- 后续所有的兄弟选择器
$("选择符1+选择符2") -- 后续第一个兄弟选择器
3)过滤选择器
概念:从一组jquery对象中,筛选出有用的jquery对象
基本过滤选择器
:first ---- 获取一组jquery对象中的第一个jquery对象,例:$("div:first") [ 重点 ]
:last ---- 获取一组jquery对象中的第一个jquery对象,例:$("div:last")</