美文网首页
2019-06-13(前端第十三节知识点(jqr))

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

作者: 彝_e37e | 来源:发表于2019-06-14 08:41 被阅读0次

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)

})

相关文章

网友评论

      本文标题:2019-06-13(前端第十三节知识点(jqr))

      本文链接:https://www.haomeiwen.com/subject/rjwyfctx.html