持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第23天，点击查看活动详情
jQuery对象和DOM对象转换
var box = document.getElementById('box'); //获取DOM对象
var jQueryObject = $(box); //把DOM对象转换为jquery对象
jquery对象装换为DOM对象
1.var dom1 = $('div')[0]
2.var dom2 = $('div).get(0)
隐式迭代
//遍历内部DOM元素(伪数组形式存储)的过程叫做隐式迭代
给匹配到的所有元素进行循环遍历,执行相应的方法,而不用我们再进行循环,简化操作方便调用
$('div').hide();
自定义动画
animate();
stop动画停止
jquery事件切换
hover([over], out) //其中over和out两个函数
如果只写一个函数,则鼠标经过和离开都会触发它
元素固有属性操作
prop('属性')
数据缓存data()
data方法可以在指定的元素上存取数据,并不会修改dom元素结构
一旦页面被刷新,之前存放的数据都将被移除
//方法可以获取data-index h5自定义属性,第一个不用谢data- 而且返回的是数字型
$("div").data("index");
jQuery方法操作元素 创建添加
创建
$("<li></li>")
内部添加 生成之后,它们是父子关系
element.append("内容"); //把内容放入目标元素后面 类似于原生appendChild
element.prepend("内容");
外部添加 生成之后,它们是兄弟关系
element.after("内容") //把内容放入目标元素后面
element.before("内容") //吧内容放入目标元素前面
删除元素
element.remove()//删除匹配的元素
element.empty()删除匹配的元素集合中的所有子节点
element.html("")清空匹配的元素内容
短路运算
短路运算的原理: 当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值
逻辑&&
如果第一个表达式的值为真,则返回表达式2
如果第一个表达式的值为假,则返回表达式1
逻辑||
如果第一个表达式的值为真,则返回表达式1
如果第一个表达式的值为假,则返回表达式2
