jquery技术核心点总结学案.doc

jquery技术核心点总结 ?itblog??2014-05-19 14:11:50??140 ????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: $(divpHello/p/div).appendTo(body); ??????????创建一个?input?元素必须同时设定?type?属性 ????????? $(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:img src=test1.jpg/ img src=test2.jpg/,jquery代码：$(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 ab?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):?获取