2019-06-13(前端第十三节知识点（jqr）)

call和apply的区别:

二者都可以改变当前的this，区别在于apply方法要将参数放入数组中再传参

---

jQuery的完整写法:

比上面JS写法先弹出，因为window.onload是把页面元素加载、渲染完才弹出，而ready()是把所有页面的节点加载完之后就弹出了，不用等渲染了

---

jQuery选择器：

选择元素的规则和css样式相同

---

选择集转移：

$('div').prev('p'); //选择div元素前面的第一个p元素

$('div').prevAll('p'); //选择div元素前面所有的p元素

$('div').next('p'); //选择div元素后面的第一个p元素

$('div').nextAll('p'); //选择div元素后面所有的p元素

$('div').closest('form'); //选择离div最近的那个form父元素

$('div').parent(); //选择div的父元素

$('div').children(); //选择div的所有子元素

$('div').siblings(); //选择div的同级元素

$('div').find('.myClass'); //选择div内的class等于myClass的元素

---

作样式类名：

$("#div1").addClass("divClass2") //为id为div1的对象追加样式divClass2

$("#div1").removeClass("divClass")  //移除id为div1的对象的class名为divClass的样式

$("#div1").removeClass("divClass divClass2") //移除多个样式

$("#div1").toggleClass("anotherClass") //重复切换anotherClass样式

---

给元素绑定click事件，可以用如下方法：

$('#btn1').click(function(){

内部的this指的是原生对象

使用jquery对象用 $(this)

})