jquery事件

jquery trigger() 方法 语法

由 邮差的信 提交于 2019-12-06 10:36:31
jquery trigger() 方法 语法 作用： trigger() 方法触发被选元素的指定事件类型。 深圳大理石平台 触发事件： 规定被选元素要触发的事件。 语法： $(selector).trigger(event,[param1,param2,...]) 参数： 参数 描述 event 必需。规定指定元素要触发的事件。可以使自定义事件（使用 bind() 函数来附加），或者任何标准事件。 [param1,param2,...] 可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。 使用Event对象来触发事件： 规定使用事件对象的被选元素要触发的事件。 语法： $(selector).trigger(eventObj) 参数： 参数 描述 eventObj 必需。规定事件发生时运行的函数。 jquery trigger() 方法 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("input").select(function(){ $(

jquery change() 函数 语法

由 六月ゝ 毕业季﹏ 提交于 2019-12-06 10:34:54
jquery change() 函数 语法 作用： 当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。change() 函数触发 change 事件，或规定当发生 change 事件时运行的函数。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 大理石直角尺 触发change事件： 触发被选元素的 change 事件。 语法： $(selector).change() 将函数绑定到change事件上： 规定当被选元素的 change 事件发生时运行的函数。 语法： $(selector).change(function) 参数： 参数 描述 function 可选。规定当 change 事件发生时运行的函数。 jquery change() 函数 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready

jquery bind()方法 语法

由 你。 提交于 2019-12-06 10:32:43
jquery bind()方法 语法 作用： bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。 说明： 规定向被选元素添加的一个或多个事件处理程序，以及当事件发生时运行的函数。 直线电机生产厂家 语法： $(selector).bind(event,data,function) 参数： 参数 描述 event 必需。规定添加到元素的一个或多个事件。由空格分隔多个事件。必须是有效的事件。 data 可选。规定传递到函数的额外数据。 function 必需。规定当事件发生时运行的函数。 替代语法： $(selector).bind({event:function, event:function, ...}) 参数： {event:function, event:function, ...} 必需。规定事件映射，其中包含一个或多个添加到元素的事件，以及当事件发生时运行的函数。 jquery bind()方法 示例 <html> <head> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready

python-前端Jquery

由 删除回忆录丶 提交于 2019-12-06 10:23:24
Jquery 高级版javascript 提供了更加便利的js使用方式 楔子 需求二： 将上面的li标签实现隔行换色效果 js代码 <script> var obj = document.getElementsByClassName('city'); for (var j = 0;j < obj.length;j++){ if (j%2==0){ obj[j].style.backgroundColor = 'lightblue' }else{ obj[j].style.backgroundColor = 'lightgreen' } } </script> jquery代码 $('li:odd').css('background-color','lightblue') $('li:even').css('background-color','lightyellow') jquery介绍 js的痛点： window.onload事件只能出现一次 如果出现多次，后面的事件会覆盖前面的事件 浏览器兼容性问题 简单的功能实现的很繁琐，例如：渐变的动画效果 代码容错性差，如果此处报错，会影响后续代码执行 jquery的特点 链式编程： 比如 .show() 和 .html() 可以连写成 .show().html() 。 隐式迭代： 隐式 对应的是 显式。隐式迭代的意思是

Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结

由 ∥☆過路亽．° 提交于 2019-12-06 10:14:09
本文是对Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助 详细解读Jquery各Ajax函数： $.get(),$.post(),$.ajax(),$.getJSON() 一，$.get(url,[data],[callback]) 说明：url为请求地址，data为请求数据的列表，callback为请求成功后的回调函数，该函数接受两个参数，第一个为服务器返回的数据，第二个参数为服务器的状态，是可选参数。 而其中，服务器返回数据的格式其实是字符串形势，并不是我们想要的json数据格式，在此引用只是为了对比说明 复制代码 代码如下: $.get("data.php",$("#firstName.val()"),function(data){ $("#getResponse").html(data); }//返回的data是字符串类型 ); 二，$.post(url,[data],[callback],[type]) 说明：这个函数跟$.get()参数差不多，多了一个type参数，type为请求 的数据类型，可以是html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就 和$.get()返回的格式一样，都是字符串的

Jquery入门一

由 戏子无情 提交于 2019-12-06 09:59:02
Jquery属性操作 <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body> <div class="div1" con="c1"></div> <input type="checkbox" checked="checked" name="">是否可见 <input type="checkbox" name="">是否可见 <input type="text" value="123" name=""> <div value="456"> </div> <div id="di1"> 111 <p>ppppp</p> </div> <script type="text/javascript" src="jquery-1.12.4.min.js"></script> <script type="text/javascript"> //属性操作 //判断标签是否有某个属性，返回True或false // console.log($("div").hasClass("div1")) //console.log($("div").attr("con","c2")) // console.log($(":checkbox:first").attr("checked")) //

day49 jQuery webUI库

由 孤者浪人 提交于 2019-12-06 08:42:17
day49 jQuery webUI库 内容回顾 1.事件流 事件捕获阶段 处于目标阶段 事件冒泡: 阻止事件冒泡: event.stopPropagation() 阻止默认事件: envet.preventDefault() 简写为: return false; 2.事件对象 每个事件的回调函数, 都会默认有一个事件对象event event.type:事件类型 event.target:触发目标的对象 event.keyCode:键码 3.事件代理 自己完成不了的事情, 交给别人去做 原理: 运用的是冒泡的机制, 给父加事件,子冒泡去执行 on(事件类型,子标签,回调函数) 4.事件 click 单击事件 dblclick 双击事件 mouseenter mouseleave mouseover mouseout mousedown mouseup change select submit addEventListener(事件类型,回调函数): 原理是用的这个, 而不是onclick这些 5.合成事件 hover() mouseenter mouseleave 6.位置信息: width() height() innerWidth() outerWidth() offset().top //获取的是盒子到页面顶部的距离 scrollTop() scrollLeft()

jQuery

由 空扰寡人 提交于 2019-12-06 07:14:29
一、jQuery简介 1. 特点 1. 兼容所有浏览器 2. 丰富的DOM选择器 3. 链式表达式 4. Ajax操作支持 2. 语法 1. jQuery语法 $(选择器).action(操作) 2. 与JS对比 JS： var pEle = document.getElementsByTagName('p')[0] pEle.style.color = 'red' jQuery： $('p').css('color', 'green') 二、选择器与筛选器 1. 基本选择器 1. 标签选择器 $('span') 2. 类选择器 $('.c1') 3. id选择器 $('#id') 4. 组合选择器 $('#d1, span'); 5. 配合使用 $('div.c1') // 找到有c1 class类的div标签 2. 层级选择器 1. 后代选择器 $('x y'); 2. 儿子选择器 $('x > y') 3. 毗邻选择器 $('x + y') 4. 兄弟选择器 $('x ~ y') 3. 属性选择器 1. 找到含有‘username’属性的标签 $('[username]') 2. 找到含有username属性，且值为‘byx’的标签 $('[username="byx"]') 3. 找到在span标签下，username=byx的标签 $('span[username=

111

由 与世无争的帅哥 提交于 2019-12-06 07:14:04
一、jQuery简介 1. 特点 1. 兼容所有浏览器 2. 丰富的DOM选择器 3. 链式表达式 4. Ajax操作支持 2. 语法 1. jQuery语法 $(选择器).action(操作) 2. 与JS对比 JS： var pEle = document.getElementsByTagName('p')[0] pEle.style.color = 'red' jQuery： $('p').css('color', 'green') 二、选择器与筛选器 1. 基本选择器 1. 标签选择器 $('span') 2. 类选择器 $('.c1') 3. id选择器 $('#id') 4. 组合选择器 $('#d1, span'); 5. 配合使用 $('div.c1') // 找到有c1 class类的div标签 2. 层级选择器 1. 后代选择器 $('x y'); 2. 儿子选择器 $('x > y') 3. 毗邻选择器 $('x + y') 4. 兄弟选择器 $('x ~ y') 3. 属性选择器 1. 找到含有‘username’属性的标签 $('[username]') 2. 找到含有username属性，且值为‘byx’的标签 $('[username="byx"]') 3. 找到在span标签下，username=byx的标签 $('span[username=

day 50 jquary 终极版本

由 时间秒杀一切 提交于 2019-12-06 07:11:26
jQuary 一、jquary对象和dom对象 jquary找到的标签对象成为-- jquary对象 原生js找到的标签对象成为 -- dom对象 dom对象只能使用dom对象的方法,不能使用jquery对象的方法 jquery对象也是,它不能使用dom对象的方法 dom对象和jquery对象互相转换: jquery对象转dom对象 -- jquery对象[0] 示例:$('#d1')[0] dom对象转jquery对象 -- $(dom对象) 二、jquary选择器 1.基本选择器 选择器是使用 jQuery('#d1') -- $('#d1') #不管找什么标签，用什么选择器，都必须要写$("")，引号里面再写选择器，通过jQuery找到的标签对象就是一个jQuery对象，用原生JS找到的标签对象叫做DOM对象，看我们上面的jQuery对象部分的内容 id选择器 -- $("#id") 标签选择器 -- $("tagName") --> $('div') class选择器 -- $(".className") -->$('.c1') //里面直接放类值 配合使用 -- $('div.c1') //找到c1 class类的div标签 组合选择器 -- $("#id, .className, tagName") 总结： ​ 选择器可能找到的标签是多个，会放到数组里面
订阅 jquery事件