jQuery学习三——事件

代码如下: <!DOCTYPE html> <html> <head> <title>jquery事件</title> </head> <script type="text/javascript" src='./js/jquery-3.2.1.min.js'></script> <script type="text/javascript"> $(documen…

一.ready机制 $(document).ready( function(){} ) $().ready( function(){} ) $( function(){} ) jquery的ready函数会在dom准备完毕后执行,并且可以多次使用 $(selector).load( function(){} ) 此方法相当于js自身的onload方法如 $(window).load(function(){}) 相当于 window.onload=function(){} ------…

jquery学习之事件委派

一.定义事件委派的定义就是,把原来加给子元素身上的事件绑定在父元素身上,就是把事件委派给父元素. 二.版本从jQuery1.7开始,jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定. 因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. 三.传统方法添加事件的缺点示例: <ul id="list"> &…

JQuery学习：事件绑定&入口函数&样式控制

1.基础语法学习: 1.事件绑定 2.入口函数 3.样式控制 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=…

Jquery 学习三

一.each语句 1.each语句的功能在jQuery中,通过$函数获取的都是jQuery对象.通过测试可知,jQuery对象是一个类数组的特殊对象,其是DOM对象的集合.而each语句就是专门用于遍历jQuery对象. 2.each语句的基本语法 jQuery对象.each(callback) :each语句非常简单,只有一个参数callback,其形式如下: function callback(i,item){ //相关语句 } 参数说明: jQuery对象中有多少个DOM对象,那…

jQuery学习-键盘事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>键盘事件</title> <script src="js/jquery.js"></script> <script type="text/javascript"> var numrr=["零",&quo…

jQuery学习-鼠标事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>鼠标事件</title> <script src="js/jquery.js"></script> <style> .me{ border: 1px solid red; margin-top: 75px; width: 400px; hei…

jQuery学习(三)

事件 on方法可以将一个事件绑定在jQuery对象上,当你的操作触发了这些事件时,便会调用你所绑定的函数. 例如,给某个超链接绑定点击事件. <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="./js/jquery-1.12.0.js"></script> <scrip…

jquery 学习(六) - 事件绑定

HTML  <div class="a1"> <button class="bt">按钮</button> </div>   <div> <ul class="u1"> <li class="l1">1111</li> <…

JQuery学习三(隐式迭代和节点遍历)

在JQuery中根据id获取控件,如果输入id错误是不报错的. 必要时可以通过写判断语句进行判断是否id写错 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery</title> <style type="text/css"> .warning { background-color:yel…

【jQuery学习三——事件】的更多相关文章