JQuery

JQuery

什么是JQuery:是简化js的dom操作的框架；

如何使用JQuery

导入这个即可
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>

js与jquery区别

js加载事件
    window.onload = function () {
        alert("js 的加载完成事件 1");//不能运行
    };
jquery加载事件
    $(function () {
        alert("jquery 的加载完成事件 2");//可以运行
    });

jquery选择器

基本

$(“html 标签名”)	获得所有匹配标签名称的于元素
$("#id 的属性值")	获得与指定 id 属性值匹配的元素
$(".class 的属性值")	获得与指定的 class 属性值匹配的元素

层级

$("A B ")	选择 A 元素内部的所有 B 元素
$(“A > B”)	选择 A 元素内部的所有 B 子元素

属性

$(“A[属性名]”)	包含指定属性的选择器
$(“A[属性名=值]”)	包含指定属性等于指定值的选择器
$(“A[属性名=值] [属性名=值]…”)	包含多个属性条件的选择器

jquery的dom操作

文本，值，

val([value]) 获得/设置元素 value 属性相应的值
text([value]) 获得/设置元素的文本内容
html([value]) 获得/设置元素的标签体所有内容

属性

获得/设置属性的值
获得/设置属性的值(checked， selected)

插入

添加成最后一个子元素，两者之间是父子关系 append(ele)
添加成第一个子元素，两者之间是父子关系 prepend(ele)
添加到当前元素的前面，两者之间是兄弟关系 before(ele)
添加到当前元素的后面，两者之间是兄弟关系after(ele)
创建 A 元素对象$("")

删除

删除指定元素 remove()
清空指定元素的所有子元素empty()

遍历

jquery对象.each(function(index,element){});

绑定事件

jQuery元素对象.on(事件名称,function(){
//逻辑代码
})
其中：事件名称是jQuery的事件方法的方法名称，例如：click、mouseover、mouseout、focus、blur等

解绑事件

jQuery元素对象.off(事件名称);
其中：参数事件名称如果省略不写，可以解绑该jQuery对象上的所有事件