一,JQuery的概述
1,不同的浏览器对javaScript的解析方式不同,为了解决这种兼容性的问题,就产生了JavaScript库。而JQuery就是其中被广泛使用的库之一。
2,JQuery体系
目前JQuery已经发展成为集JavaScript,CSS,DOM,Ajax于一体的强大框架体系。
3,JQuery下载地址
JQuery下载跳转连接 4,JQuery的目的
用更少的代码,实现更多的功能
5,JQuery的引用
6,基本使用方式
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id名") …就代表JQuery,他是对象JQuery的简写形式。
$(“标签名”) 代表通过标签来选择标签
$(".类名") 代表根据class的值选择元素
(function(){})
==window.οnlοad=function(){} 代表代码会在加载时候自动读取这段代码
function 关键字用来声明函数
function(){}代表声明匿名函数。
在JS中声明的函数不会主动执行。如果没有没有匿名函数,程序就会主动的执行它。
7,方法
toggleClass() 如果元素有类就删除,无类就添加
next() 获取元素的下一个元素
toggle() 如果元素可见就隐藏,如果元素隐藏就代表可见
二,JQuery基本选择器
$(标签).css(“”,“”) 表示改变选中标签的CSS样式,第一个参数代表样式名(属性),第二个标签代表元素值(属性值)
三,过滤选择器
1,基本过滤选择器
$(“元素:first”) 获取第一个元素
$(“元素:last”) 获取第一个元素
$(“元素:not(元素)”) 获取除not内元素的所有元素
$(“元素:even”) 获取索引值为偶数的元素
$(“元素:odd”) 获取索引值为奇数的元素
$(“元素:eq(索引)”) 获取索引对应的元素
2,内容过滤选择器
内容过滤选择器根据元素的文字内容或者包含的子元素特征来获取元素
3,可见性过滤选择器
根据元素是否可见来获取元素
$(":hidden") 获取所有隐藏的元素
$(":visible") 获取所有可见的元素
4,属性过滤选择器
根据元素的某个属性获取元素
$(“元素[属性=属性值]”)
四,层次选择器和表单选择器
1,层次选择器:通过DOM元素之间层次关系获取元素
2,表单选择器:通过表单元素中的类型获取表单元素的选择器