jQuery
bzcoder
这个作者很懒,什么都没留下…
展开
-
jQuery:移入移出事件
mouseover 和 mouseout两个方法会触发父元素的事件因此企业开发一般使用:mouseenter()、mouseleave()hover()方法可直接监听两个事件,其实现原理就是mouseenter()、mouseleave()原创 2020-10-25 15:13:20 · 190 阅读 · 0 评论 -
jQuery:事件委托
原生js的事件委托:ul.onclick = function(e){//e指event,事件对象 var target = e.target || e.srcElement; //target获取触发事件的目标(li) if(target.nodeName.toLowerCase() == 'li'){//目标(li)节点名转小写字母,不转的话是大写字母 alert(target.innerHTML) } }jQuery中:使用delegate()方法$("ul").dele原创 2020-10-25 13:43:35 · 479 阅读 · 0 评论 -
jQuery:自动触发事件
会触发事件冒泡以及默认行为$("son").trigger("click")不会触发事件冒泡,不会触发默认行为$("son").triggerHandler("click")原创 2020-10-25 10:48:55 · 142 阅读 · 0 评论 -
jQuery:事件相关
绑定事件有两种方法:效率略高,但部分方法没有实现,不能添加$("btn").click(function(){ alert("666");})效率略低,但所有事件都可添加$("btn").on("click",function(){ alert("666");})这两种方式都不会出现覆盖的情况事件解绑:1.$("btn").off() //移除所有事件$("btn").off("click") //移除所有指定类型的事件$("btn原创 2020-10-24 14:01:01 · 51 阅读 · 0 评论 -
jQuery:操作css
推荐使用批量设置方法:$("div").css({ width:100px; height:100px;})当然单个的话可以直接:$("div").css("width","100px");获取css:$("div").css("width");原创 2020-10-24 13:27:55 · 67 阅读 · 0 评论 -
jQuery:类的操作
添加类:$("div").addClass("class1 class2");删除类:$("div").removeClass("class1 class2");切换类:$("div").toggleClass("class1 class2"); //有就删除,没有就添加原创 2020-10-24 13:16:30 · 88 阅读 · 0 评论 -
jQuery:prop和attr
两个方法都可以获取属性和属性节点,特性也相同:$("span").prop("class","wuqiang");区别在于,如果需要用到true和false就使用prop,如selected,disabled,checked,否则使用attr因为attr在这种属性情况下返回的是checked,undefined…...原创 2020-10-23 16:13:29 · 88 阅读 · 0 评论 -
jQuery静态方法:each
var arr = {0:1,1:3,2:5,3:7,length:4}; $.each(arr,function(index,value){ console.log(index,value); })类似于js的foreach方法,但foreach并不能遍历类数组。原创 2020-10-21 15:02:44 · 110 阅读 · 0 评论 -
jQuery:$冲突问题
1.释放$的使用权:jQuery.noConflict();2.自定义访问符号:var nb = jQuery.noConflict(); nb(function(){ alert("nb") })原创 2020-10-21 14:34:44 · 61 阅读 · 0 评论 -
jQuery:入口函数
$(document).ready(function(){ //入口函数 var $img = $("img")[0]; //$获取元素节点 })jQuery的入口函数与原生js有一些不同:jQuery可依次运行所有的入口函数,而原生js的入口函数会被覆盖。jQuery会等到dom元素加载完毕之后执行,但不会等图片,原生js会等到dom元素以及图片加载完毕后才会执行//另一种写法:常用 $(function(){ alert("hi.原创 2020-10-21 14:26:32 · 73 阅读 · 0 评论