jquery常用技术总结.doc

jquery常用技术总结 2014-05-19 14:11:50 jquery是一款非常优秀的web脚本语言，可以处理后端的各种数据，实现前端各样的效果，是web开发不可缺少的一门语言，下面就对jquery常用的函数做概要的介绍，方便查询和使用。 一、核心:$是jquery类的一个别名,$()构造一个jquery对象,jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数，或者说都是在以某种方式使用这个函数。 1、 ${表达式}：根据这个表达式来查找所有匹配的元素。 eg:$(divp); 查找所有p元素，且这些p元素都是div的子元素. $(input:radio,document.forms[0]); 查找文档第一个表单中，所有的单选按钮。 $(div,xml.responseXML);在一个由ajax返回的xml文档中，查找所有的div元素。 2、$(html标记字符串) :根据提供的html字符串，创建jquery对象包装的dom元素。 eg: $(lt;divlt;pHellolt;/plt;/div).appendTo(body); 创建一个 lt;input 元素必须同时设定 type 属性 $(lt;input type=text) 3、$(dom元素):将一个或多个dom元素转换为jquery对象。 eg: $(document.body).css( background, black ); 设置页面背景色 4、$(document).ready(function(){})==$(function(){})；在页面加载完成后自动执行的代码。 二、jquery对象访问。eq返回的是jquery对象，只能使用jquery方法，get返回的是dom元素对象，只能使用dom方法. 1、$(dom元素).each(function(){}):以每一个匹配的元素作为上下文来执行一个函数 2、$(dom元素).size()==$(dom元素).length;对象中元素的个数。eg:lt;img src=test1.jpg/ lt;img src=test2.jpg/,jquery代码：$(q(来自:WWw.Zaidian.Com 在点网:jquery常用技术总结)uot;img).size(); 返回2 3、context：返回传给jQuery()的原始的DOM节点内容，即jQuery()的第二个参数。如果没有指定，那么context指向当前的文档(document)。 4、$(dom元素).get()：取得所有匹配的dom元素的集合。如果你想要直接操作 DOM 对象而不是 jQuery 对象，这个函数非常有用。 5、$(dom元素).get(index)：取得其中一个匹配的元素. 6、$(dom元素).index():有哪些信誉好的足球投注网站与参数表示的对象匹配的元素，并返回相应元素的索引值。 三、插件机制: 1、jQuery.fn.extend(object);扩展 jQuery 元素集来提供新的方法,针对某一个dom元素。 eg:jQuery.fn.extend({ check: function() { return this.each(function() { this.checked = true; });}, uncheck: function() { return this.each(function() { this.checked = false; });} }); 调用： $(input[type=checkbox]).check(); $(input[type=radio]).uncheck(); 2、$.extend(object);用来在jQuery命名空间上增加新函数,针对所有dom元素。 $.extend({ min:function(a,b){return alt;b?a:b;}, max:function(a,b){return ab?a;b;} }); 调用：$.max(10,20); 四、选择器 基本： 1、$(#id): 根据给定的ID匹配一个元素。 2、$(dom元素名)：根据给定的元素名匹配所有元素 3、$(.Class类名): 根据给定的类匹配元素。 4、$(*) ：匹配所有元素。 5、$(dom元素.class类名)：选择所有class属性为指定类名的dom元素。 6、$(.stripe tr): 获取class属性为stripe的table元素下的所有行 层级： 1、$(ancestor descendant):在给定的祖先元素下匹配所有的后代元素 2、$(parent