为了账号安全,请及时绑定邮箱和手机立即绑定
  • $(selector).hover(handlerIn, handlerOut)
    查看全部
  • mouseenter事件只会在绑定它的元素上被调用,而不会在后代节点上被触发 而mouseove事件不仅会在绑定它的元素上被调用,还会在后代节点上被触发
    查看全部
  • change用于监听input、select、textarea等元素中的输入或者选择内容改变事件,可处理改变后的value
    查看全部
  • //给input绑定一个聚焦事件 $("input").on("focus",function(event,title) { $(this).val(title) }); $("#accident").on("click",function() { alert("trigger触发的事件会在 DOM 树中向上冒泡"); }); //trigger触发focus $("button:first").click(function() { $("a").trigger("click"); // a冒泡到div,div有click事件 $("input").trigger("focus"); // 触发光标focus事件 }); //triggerHandler触发focus $("button:last").click(function() { $("a").triggerHandler("click"); // triggerHandler使a不冒泡,a没有绑定的click事件 $("input").triggerHandler("focus","没有触发默认聚焦事件"); // 参数传递到.val() }); 关于focus事件,按钮一先执行$(this).val(title)再触发浏览器的默认input的focus事件,即focus了表单且回到默认的清空状态。而按钮二,没有执行默认的focus事件,所以停留在$(this).val(title)状态,title的值是"没有触发默认聚焦事件"。
    查看全部
  • <script type="text/javascript"> //点击更新次数 $("button:first").click(function(event,bottonName) { bottonName = bottonName || 'first'; // if(bottonName){ }else(!bottonName) {bottonName = 'first'} // 注意:bottonName的值为空(当点击按钮一)或者‘last(当点击按钮二)’ update($("span:first"),$("span:last"),bottonName); // 调用update函数并传参 }); //通过自定义事件调用,更新次数 $("button:last").click(function() { $("button:first").trigger('click','last'); // 触发第39行的click事件并传参 }); function update(first,last,bottonName) { first.text(bottonName); // 值为'last' 或 'first' var n = parseInt(last.text(), 10); // 字符串转为整数,且是10进制整数(10可以去掉),待考证 last.text(n + 1); // 每点击完一次,加1 } </script>
    查看全部
  • <h2>on事件委托</h2> <div class="left"> <div class="aaron"> <a>点击这里 <p>这里这里这里</p> </a> <p>这里这里这里1</p> </div> 我的理解:如果不加a--$('body').on('click', function(e) {})则body里面任意位置点一下就触发。 而$('body').on('click', 'a', function(e) {})是把事件委托给了a元素,如果点击的位置就是a 或者a的子元素(能冒泡给a就行),因为已经全权委托给a,点击body的其他位置将不再触发 另外关于e.target,如果我点击在“点击这里”字样(<a>本体),e.target(事件的对象)就是a标签,e.target.textContent就是a的内容,当然包含了它的子标签,“点击这里 这里这里这里”,如果点击“这里这里这里”a标签里的p标签,所以也能触发,但是此时的e.target就是p标签而已,e.target.textContent就只是“这里这里这里”
    查看全部
    0 采集 收起 来源:on()的高级用法

    2018-03-22

  • uodate里面的var n 后面看不太懂
    查看全部
  • input元素 监听value值的变化,当有改变时,失去焦点后触发change事件。对于单选按钮和复选框,当用户用鼠标做出选择时,该事件立即触发。   select元素 对于下拉选择框,当用户用鼠标作出选择时,该事件立即触发   textarea元素 多行文本输入框,当有改变时,失去焦点后触发change事件 注意 input和textarea 都要在改变并失焦后 才能触发change事件
    查看全部
  • .click(function(){}) .click(function(e){}) .click(function(asdasdf,function(e){}))
    查看全部
  • $(selector).hover(handlerIn, handlerOut) •handlerIn(eventObject):当鼠标指针进入元素时触发执行的事件函数 •handlerOut(eventObject):当鼠标指针离开元素时触发执行的事件函数
    查看全部
  • mouseover跟mouseenter 是一样的,是进入元素是触发,但看左边的教程你就会懵逼。mouseover简单的说就是进入指定元素触发一次,进入其子元素也会触发一次,从子元素离开经过父元素时也会触发一次。
    查看全部
  • 代码中的e.target返回的是绑定这个事件的DOM对象, 是DOM对象不是Jquery对象, 所以e.target后面跟的属性是js中的属性和方法, jquery中的属性和方法用不了,要用jquery的属性方法,要转化为Jquery对象$(e.target).val(). 老师说的时候有点问题, 当用于 select 元素时,change 事件会在选择某个选项时发生。当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。
    查看全部
  • 事件的绑定除了on 还有bind 具体见http://www.w3school.com.cn/jquery/event_bind.asp
    查看全部
  • this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和$(this)的使用、event.target和$(event.target)的使用;
    查看全部
  • event.target代表当前触发事件的元素,可以通过当前元素对象的一系列属性来判断是不是我们想要的元素
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery事件处理

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!