JQuery常用方法一览Word文件下载.docx

1、 在匹配元素后面添加内容$（”元素名称”）.append（content）; 将 content作为元素的内容插入到该元素的后面$（”元素名称”）.appendTo（content）; 在content后接元素$（” 元素名称”）.before（content）; 与after方法相反$（”元素名称”）.clone（布尔表达式） 当布尔表达式为真时，克隆元素（无参时，当作true处理）$（”元素名称”）.empty（） 将该元素的内容设置为空$（”元素名称”）.insertAfter（content）; 将该元素插入到content之后$（”元素名称”）.insertBefore（conten

2、t）; 将该元素插入到content之前$（”元素”）.prepend（content）; 将content作为该元素的一部分，放到该元素的最前面$（”元素”）.prependTo（content）; 将该元素作为content的一部分，放content的最前面$（”元素”）.remove（）; 删除所有的指定元素$（”元素”）.remove（”exp”）; 删除所有含有exp的元素$（”元素”）.wrap（”html”）; 用html来包围该元素$（”元素”）.wrap（element）; 用element来包围该元素Traversing：add（expr）add（html）add（elem

3、ents）children（expr）contains（str）end（）filter（expression_r_r）filter（filter）find（expr）is（expr）next（expr）not（el）not（expr）not（elems）parent（expr）parents（expr）prev（expr）siblings（expr）Core：$（html）.appendTo（”body”） 相当于在body中写了一段html代码$（elems） 获得DOM上的某个元素$（function（）.）; 执行一个函数$（”div p”）.css（”border”, “1px sol

4、id gray”）; 查找所有div的子节点p，添加样式$（”input:radio”, document.forms0） 在当前页面的第一个表单中查找所有的单选按钮$.extend（prop） prop是一个jquery对象，举例：jQuery.extend（min: function（a, b） return a ）;jQuery（ expression_r_r, context ） $（ expression_r_r, context）; 在默认情况下，$（）查询的是当前HTML文档中的DOM元素。each（ callback ） 以每一个匹配的元素作为上下文来执行一个函数1$（”spa

5、n”）.click（function）$（”li”）.each（function（）$（this）.toggleClass（”example”）;2$（”button”）.click（function （） $（”div”）.each（function （index, domEle） / domEle = this$（domEle）.css（”backgroundColor”, “yellow”）;if （$（this）.is（”#stop”） $（”span”）.text（”Stopped at div index #” + index）;return false;jQuery Event:

6、ready（fn）; $（document）.ready（） 注意在body中没有onload事件，否则该函数不能执行。在每个页面中可以有很多个函数被加载执行，按照fn的顺序来执行。bind（ type, data, fn ） 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。可能的事件属性有：blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove,mouseover, mouseout, mouseenter, mouseleave, change

7、, select, submit, keydown, keypress,keyup, errorone（ type, data, fn ） 为每一个匹配元素的特定事件（像click）绑定一个或多个事件处理器函数。在每个对象上，这个事件处理函数只会被执行一次。其他规则与 bind（）函数相同。trigger（ type, data ） 在每一个匹配的元素上触发某类事件。triggerHandler（ type, data ） 这一特定方法会触发一个元素上特定的事件（指定一个事件类型），同时取消浏览器对此事件的默认行动unbind（ type, data ） 反绑定，从每一个匹配的元素中删除绑定的

8、事件。$（”p”）.unbind（） 移除所有段落上的所有绑定的事件$（”p”）.unbind（ “click” ） 移除所有段落上的click事件hover（ over, out ） over,out都是方法, 当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数。当鼠标移出这个元素时，会触发指定的第二个函数。$（”p”）.hover（function（）$（this）.addClass（”over”）;,function（）$（this）.addClass（”out”）;toggle（ fn, fn ） 如果点击了一个匹配的元素，则触发指定的第一个函数，当再次点击同一元素时，则触发指定

9、的第二个函数。$（”p”）.toggle（function（）$（this）.addClass（”selected”）;$（this）.removeClass（”selected”）;元素事件列表说明注：不带参数的函数，其参数为可选的 fn。jQuery不支持form元素的reset事件。事件 描述 支持元素或对象blur（ ） 元素失去焦点 a, input, textarea, button, select, label, map, areachange（ ） 用户改变域的内容 input, textarea, selectclick（ ） 鼠标点击某个对象 几乎所有元素dblclick（

10、 ） 鼠标双击某个对象 几乎所有元素error（ ） 当加载文档或图像时发生某个错误 window, imgfocus（ ） 元素获得焦点 a, input, textarea, button, select, label, map, areakeydown（ ） 某个键盘的键被按下 几乎所有元素keypress（ ） 某个键盘的键被按下或按住 几乎所有元素keyup（ ） 某个键盘的键被松开 几乎所有元素load（ fn ） 某个页面或图像被完成加载 window, imgmousedown（ fn ） 某个鼠标按键被按下 几乎所有元素mousemove（ fn ） 鼠标被移动 几乎所有元素

11、mouseout（ fn ） 鼠标从某元素移开 几乎所有元素mouseover（ fn ） 鼠标被移到某元素之上 几乎所有元素mouseup（ fn ） 某个鼠标按键被松开 几乎所有元素resize（ fn ） 窗口或框架被调整尺寸 window, iframe, framescroll（ fn ） 滚动文档的可视部分时 windowselect（ ） 文本被选定 document, input, textareasubmit（ ） 提交按钮被点击 formunload（ fn ） 用户退出页面 windowJQuery Ajax 方法说明:load（ url, data, callback

12、） 装入一个远程HTML内容到一个DOM结点。$（”#feeds”）.load（”feeds.html”）; 将feeds.html文件载入到 id为feeds的div中$（”#feeds”）.load（”feeds.php”, limit: 25, function（）alert（”The last 25 entries in the feed have been loaded”）;jQuery.get（ url, data, callback ） 使用GET请求一个页面。$.get（”test.cgi”, name: “John”, time: “2pm” , function（data）

13、alert（”Data Loaded: ” + data）;jQuery.getJSON（ url, data, callback ） 使用GET请求JSON数据。$.getJSON（”test.js”, name: “2pm” , function（json）alert（”JSON Data: ” + json.users3.name）;jQuery.getScript（ url, callback ） 使用GET请求javascript文件并执行。$.getScript（”test.js”, function（）alert（”Script loaded and executed.”）;jQ

14、uery.post（ url, data, callback, type ） 使用POST请求一个页面。ajaxComplete（ callback ） 当一个AJAX请求结束后，执行一个函数。这是一个 Ajax事件$（”#msg”）.ajaxComplete（function（request, settings）$（this）.append（”Request Complete.ajaxError（ callback ） 当一个AJAX请求失败后，执行一个函数。这是一个Ajax事件$（”#msg”）.ajaxError（function（request, settings）Error requ

15、esting page ” + settings.url + “代码ajaxSend（ callback ） 在一个AJAX请求发送时，执行一个函数。$（”#msg”）.ajaxSend（function（evt, request, settings）liStarting request at ” + settings.url+ “/liajaxStart（ callback ） 在一个AJAX请求开始但还没有激活时，执行一个函数。这是一个Ajax 事件当AJAX请求开始（并还没有激活时）显示loading信息$（”#loading”）.ajaxStart（function（）$（this）.

16、show（）;ajaxStop（ callback ） 当所有的AJAX都停止时，执行一个函数。当所有AJAX请求都停止时，隐藏loading信息。$（”#loading”）.ajaxStop（function（）$（this）.hide（）;ajaxSuccess（ callback ） 当一个AJAX请求成功完成后，执行一个函数。当AJAX请求成功完成时，显示信息。$（”#msg”）.ajaxSuccess（function（evt, request, settings）Successful Request! *”） 子选择器，选择parent的所有子节点$（”label + input”） 临选择器，选择prev的下一个临节点$（”#prev div”） 同胞选择器，选择prev的所有同胞节点基本过滤选择器$（”tr:first”） 匹配第一个选择的元素last”） 匹配最后一个选择的元素not（:checked） + span”） 从原元素集合中过滤掉匹配selector的所有元素（这里有是一个临选择器）even”） 匹配集合中偶数位置的所有元素（从0开始）odd”）