jquery事件 | 易学教程

jQuery---清空节点和删除节点

阅读更多关于 jQuery---清空节点和删除节点

清空节点和删除节点 //可以清空一个元素的内容 //清理门户 $("div").empty(); //完全移除元素 $("div").remove(); $(function () { $(".des").click(function () { alert("hehe"); }) //clone //false:不传参数也是深度复制,不会复制事件 //true:也是深复制，会复制事件 $(".des").clone(true).append("div"); $(".des").clone(false).appendTo("div"); }); console.log($(".des").clone()); 来源： https://www.cnblogs.com/jane-panyiyun/p/12212860.html

jquery学习全面总结

阅读更多关于 jquery学习全面总结

本文仅针对jquery的部分知识点做总结，更为全面的可以去官网看中文文档。可以更为详细的了解jquery及其特性。 window.onload 和$(document).ready() 我 window.onload $(document).ready() 执行时机必须等待网页中所有的内容加载完毕后（包括图片）才能执行网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完编写个数不能同时编写多个，以下代码无法正确执行：window.onload =function({alert("test1");}window.onload = function(){alert("test2");}结果只会输出"test2" 能同时编写多个简化写法无 $(document).ready(function(){});可以简写成$(function(){}); 逐行分析jQuery (function(){ (21,94) 定义了一些变量和函数 jquery = function(){}; （96，283）给JQ对象，添加一些方法和属性（283，347）extend：JQ的继承方法（349，817）jQuery.extend():扩展一些工具方法（887，2859）Sizzle：复杂选择器的实现（2880，3042）callbacks：回调对象（8826

前端武器库之jQuery示例

阅读更多关于前端武器库之jQuery示例

1.全选反选取消相关知识点： - 选择器 - .prop $('#tb:checkbox').prop('checked'); 获取值 $('#tb:checkbox').prop('checked', true); 设置值 - .each jQuery方法内置循环： $('#tb:checkbox').xxxx - $('#tb:checkbox').each(function(k){ // k当前索引 // this，DOM，当前循环的元素 $(this) }) - 三元运算 var v = 条件 ? 真值 : 假值 <body> <input type="button" value="全选" onclick="checkAll();" /> <input type="button" value="反选" onclick="reverseAll();" /> <input type="button" value="取消" onclick="cancelAll();"/> <table border="1"> <thead> <tr> <th>选项</th><th>IP</th><th>PORT</th> </tr> </thead> <tbody id="tb"> <tr> <td><input type="checkbox" /></td> <td>1.1.1.1<

Jquery trigger与triggerHandler

阅读更多关于 Jquery trigger与triggerHandler

secying Jquery trigger与triggerHandler trigger：在每一个匹配的元素上触发某类事件（即触发 jQuery对象集合中每一个元素）。这个函数也会导致浏览器同名的默认行为的执行。比如，如果用trigger()触发一个'submit'，则同样会导致浏览器提交表单。如果要阻止这种默认行为，应返回false。你也可以触发由bind()注册的自定义事件而不限于浏览器默认事件。事件处理函数会收到一个修复的(规范化的)事件对象，但这个对象没有特定浏览器才有的属性，比如keyCode。 jQuery也支持命名空间事件。这允许你触发或者解除绑定一组特定的事件处理函数，而无需一一个指定。你可以在事件类型后面加上感叹号 ! 来只触发那些没有命名空间的事件处理函数。 triggerHandler：这个特别的方法将会触发指定的事件类型上所有绑定的处理函数。但不会执行浏览器默认动作，也不会产生事件冒泡。这个方法的行为表现与trigger类似，但有以下三个主要区别： * 第一，他不会触发浏览器默认事件。 * 第二，只触发 jQuery对象集合中第一个元素的事件处理函数。 * 第三，这个方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。此外，如果最开始的jQuery对象集合为空，则这个方法返回 undefined 。 trigger：

jquery学习总结（一）

阅读更多关于 jquery学习总结（一）

一、选择网页元素　　jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。　　使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。选择表达式可以是CSS选择器： $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=first]')//选择name属性等于first的input元素也可以是jQuery特有的表达式： $('a:first')//选择网页中第一个a元素 $('tr:odd')//选择表格的奇数行 $('#myForm :input')//选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)')//选择所有的div元素，除了前三个 $('div:animated')//选择当前处于动画状态的div元素　　二、改变结果集　　如果选中多个元素，jQuery提供过滤器，可以缩小结果集： * $('div').has('p'); //选择包含p元素的div元素 * $('div').not('.myClass'); /

从零开始学习jQuery(1)

阅读更多关于从零开始学习jQuery(1)

1.下载jQuery类库下载地址: http://docs.jquery.com/Downloading_jQuery 上面的地址是总下载列表, 里面有很多版本和类型的jQuery库, 主要分为如下几类: 1.4.1 (Release Notes) Minified , Uncompressed Documentation: Changelog , Visual Studio Uncompressed :完整的jQuery类库 Minified : 压缩后的jQuery类库, 在正式环境上使用. Visual Studio : 在Visual Studio中需要引入此版本的jquery类库才能启用智能感知必须要引用vsdoc版本的jquery库 < script type ="text/javascript" src ="scripts/jquery-1.4.1-vsdoc.jss" ></ script > 有了智能感知我们编写javascript变得和C#一样快速,便捷,舒服.大部分情况可以一次编写成功而不用再为了一个大小写而查询javascript帮助文件.能够让Visual Studio对jQuery实现智能感知的前提是要引入vsdoc版本的jQuery类库. 示例中我们引入了"jquery-1.3.2-vsdoc2.js"文件.

jQuery框架学习第八天：ASP.NET jQuery实施方案

阅读更多关于 jQuery框架学习第八天：ASP.NET jQuery实施方案

jQuery框架学习第一天：开始认识jQuery jQuery框架学习第二天：jQuery中万能的选择器 jQuery框架学习第三天：如何管理jQuery包装集 jQuery框架学习第四天：使用jQuery操作元素的属性与样式 jQuery框架学习第五天：事件与事件对象 jQuery框架学习第六天：jQuery中的Ajax应用 jQuery框架学习第七天：jQuery动画–jQuery让页面动起来! jQuery框架学习第八天：ASP.NET jQuery实施方案 jQuery框架学习第九天：jQuery工具函数介绍与使用 jQuery框架学习第十天：实战jQueryUI常用功能 jQuery框架学习第十一天：实战jQuery表单验证及jQuery自动完成提示插件一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章属于临时插播, 用于介绍我在本公司的jQuery实施方案. 二.前言有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案. 每个公司的情况都不同.比如我们公司的页面文件都为用户控件, 物理路径和虚拟路径没有绝对的关系, 所以无法使用相对路径(否则生产环境中会找不到文件). 项目繁多,

jquery实现回车键提交表单

阅读更多关于 jquery实现回车键提交表单

键盘事件有3： keydown，keypress，keyup，分别是按下，按着没上抬，上抬键盘。正确代码为： $(document).keyup(function(event){ if(event.keyCode ==13){ $("#submit").trigger("click"); } }); 推荐：keyup，防止笔记本键盘不小心触摸到了 1.有些文档中有写成这样： $(window).keydown（function(){ ... }） XP系统IE6下是不成功的。 2.还有INPUT的 $("input").keydown（function(){ ... }）这种情况要在input获取焦点时候，才能监听到键盘事件。本文来源： http://www.cnblogs.com/pannysp/archive/2012/06/18/2553354.html 来源： https://www.cnblogs.com/lexlin/archive/2012/06/19/2554845.html

事件委托原生、jQuery实现

阅读更多关于事件委托原生、jQuery实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <style> li{ background:red; margin-bottom: 3px; } </style> <body> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul> </body> <script src="https://lib.baomitu.com/jquery/2.2.4/jquery.js"></script> <script> // 原生 let box = document.getElementsByTagName('ul')[0] box.onclick = function(event) { let evt = window.event || event let target = evt.target|| evt.srcElement;

jquery createElement 动态创建元素

阅读更多关于 jquery createElement 动态创建元素

在IE和Firefox下，动态创建元素的方法是由区别的如下面代码，在IE下可以运行，在Firefox下会报错 var theform = document.forms[0]; theform.appendChild(document.createElement("<input type='hidden' name='__EVENTTARGET'>")); 在 Firefox 只支持：document.createElement('input') 如果添加属性和事件的话，需要使用setAttribute方法使用jquery动态创建元素，可以同时支持IE、Firefox var theform = document.forms[0]; $("<input type='hidden' name='__EVENTTARGET'>").appendTo(theform); 来源： https://www.cnblogs.com/50614090/archive/2012/03/28/2421103.html

订阅 jquery事件