jquery文档

一 jQuery是什么？ ［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 ［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 ［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二 什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById("

1 jQuery 事件方法 2 事件方法触发器或添加一个函数到被选元素的事件处理程序。 3 下面的表格列出了所有用于处理事件的 jQuery 方法。 4 bind ( ) 向元素添加事件处理程序 5 blur ( ) 添加 / 触发失去焦点事件 6 change ( ) 添加 / 触发 change 事件 7 click ( ) 添加 / 触发 click 事件 8 dblclick ( ) 添加 / 触发 double click 事件 9 delegate ( ) 向匹配元素的当前或未来的子元素添加处理程序 10 die ( ) 在版本 1.9 中被移除。移除所有通过 live ( ) 方法添加的事件处理程序 11 error ( ) 在版本 1.8 中被废弃。添加 / 触发 error 事件 12 event . currentTarget在事件冒泡阶段内的当前 DOM 元素 13 event . data包含当前执行的处理程序被绑定时传递到事件方法的可选数据 14 event . delegateTarget返回当前调用的 jQuery 事件处理程序所添加的元素 15 event . isDefaultPrevented ( ) 返回指定的 event 对象上是否调用了 event . preventDefault ( ) 16 event .

一、$(document).ready() 是个什么函数？为什么要用它？ ready() 函数用于在文档进入ready状态时执行代码。当DOM 完全加载（例如HTML被完全解析DOM树构建完成时），jQuery允许你执行代码。使用$(document).ready()的最大好处在于它适用于所有浏览器，jQuery帮你解决了跨浏览器的难题。需要进一步了解的用户可以点击 answer链接查看详细讨论。 二、JavaScript window.onload 事件和 jQuery ready 函数有何不同？ 　这个问答是紧接着上一个的。JavaScript window.onload 事件和 jQuery ready 函数之间的主要区别是，前者除了要等待 DOM 被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间，用户就会感受到定义在 window.onload 事件上的代码在执行时有明显的延迟。 　　另一方面，jQuery ready() 函数只需对 DOM 树的等待，而无需对图像或外部资源加载的等待，从而执行起来更快。使用 jQuery $(document).ready() 的另一个优势是你可以在网页里多次使用它，浏览器会按它们在 HTML 页面里出现的顺序执行它们，相反对于 onload 技术而言，只能在单一函数里使用

https://github.com/cssmagic/blog/issues/59 @Aurelio De Rosa jQuery 的横空出世，至今已有十个年头了，而它的长盛不衰显然不是没有理由的。jQuery 提供了极为友好的接口，使得开发者们可以方便地进行 DOM 操作、发起 Ajax 请求、生成动画……不一而足。此外，与 DOM API 不同的是，jQuery 采用了 “混合模式”。这意味着你可以在任何一个 jQuery 集合身上调用 jQuery 方法，而不用关心它到底包含了几个元素（不管是零个、一个或多个，都没问题）。在未来的几周内，jQuery 就将抵达一个重要的里程碑——正式发布 3.0 版本。jQuery 3 修复了大量的 bug，增加了新的方法，同时移除了一些接口，并修改了少量接口的行为。在这篇文章中，我将为大家重点讲解 jQuery 3 所引入的那些最重要的变化。 新增特性 我们先来讨论 jQuery 3 中最重要的几个新增特性。 for...of 循环 在 jQuery 3 中，我们可以用 for...of 循环语句来迭代一个 jQuery 集合中的所有 DOM 元素。这种新的迭代方法是 ECMAScript 2015（即 ES6）规范中的一部分。这个方法可以对 “可迭代对象”（比如 Array、Map、Set 等）进行循环。 当使用这种新的迭代方法时

目录 jQuery 文档操作 - after() 方法 jQuery 文档操作 - remove() 方法 通过this拿到标签的属性值 jQuery 文档操作 - after() 方法 //所有p标签后面插入内容 $ ( "p" ) . after ( "<p>Hello world!</p>" ) ; jQuery 文档操作 - remove() 方法 //删除所有p标签 $ ( "p" ) . remove ( ) ; 通过this拿到标签的属性值 < a onclick = "showAddModal(this)" id = "2" name = "zhangsan" > 传给函数并弹出值 < / a > //a标签已经通过this传进来了，直接.id就能拿到a标签id的值 function showAddModal ( currentBtn ) { alert ( currentBtn . id + "------" + currentBtn . name ) ; } 来源： CSDN 作者： WuWuII 链接： https://blog.csdn.net/a3562323/article/details/104711208

jQuery是什么 <1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 <2>jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4>jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5>jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 注：jQuery 是一个 JavaScript 函数库 jQuery语法 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 文档就绪函数：防止文档在完全加载（就绪）之前运行 jQuery 代码. $(document).ready(function(){ --- jQuery

1. <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("a").click(function() { alert("Hello world!"); }); }); <script> 上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery 对象，click()是这个对象的方法，同理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时 执行函数。 2. $("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span id="p"></span>)的元素 3. 属性 我们以<img id="a" scr="5.jpg"/>为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用 o.src来取得或修改该节点的scr属性，在jQuery里$("#a")将得到jQuery对象[ <img id="a" scr="5.jpg"/> ]

对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！ 下载地址：http://jquery.com 下载完成后先加载到文档中，然后我们来看个简单的例子！ <script type="text/javascript" src="scripts/jquery-1.2.3.js"></script> <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("a").click(function() { alert("Hello world!"); }); }); </script> 上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函数。 在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span id="p"><

$(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础 参数：expr：字符串，一个查询表达式或一段html字符串 例子： 未执行jQuery前： <p>one</p> <div> <p>two</p> </div> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a> jQuery代码及功能： function jq(){ alert($("div > p").html()); } 运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容 function jq(){ $("<div><p>Hello</p></div>").appendTo("body"); } 运行：当点击id为test的元素时，向body中添加“<div><p>Hello</p></div>” $(elem) 说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象 参数： elem：通过jQuery对象压缩的DOM元素 例子： 未执行jQuery前： <p>one</p> <div> <p>two</p> </div><p>three</p> <a href="#" id="test" onClick

一：核心部分 $(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础 参数：expr：字符串，一个查询表达式或一段html字符串 例子： 未执行jQuery前： <p>one</p> <div> <p>two</p> </div> <p>three</p> <a href="#" id="test" onClick="jq()" >jQuery</a> jQuery代码及功能： function jq(){ alert($("div > p").html()); } 运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容 function jq(){ $("<div><p>Hello</p></div>").appendTo("body"); } 运行：当点击id为test的元素时，向body中添加“<div><p>Hello</p></div>” $(elem) 说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象 参数： elem：通过jQuery对象压缩的DOM元素 例子： 未执行jQuery前： <p>one</p> <div> <p>two</p> </div><p>three</p> <a href="#" id="test"