w1100n
This site is best viewed in Google Chrome
wiloon, 6/12/2015 10:42 | Tag:

http://caibaojian.com/jquery-on.html jQuery on()方法是官方推荐的绑定事件的一个方法。 $(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $(“p”).bind(“click”,function(){ alert(“The paragraph was clicked.”); }); $(“p”).on(“click”,function(){ alert(“The paragraph was clicked.”); }); delegate() $(document).ready(function(){ $(“#div1”).on(“click”,”p”,function(){ $(this).css(“background-color”,”pink”); }); $(“#div2”).delegate(“p”,”click”,function(){ $(this).css(“background-color”,”pink”); }); }); live() $(document).ready(function(){ $(“#div1”).on(“click”,function(){ $(this).css(“background-color”,”pink”); }); $(“#div2”).live(“click”,function(){ $(this).css(“background-color”,”pink”); }); }); 以上三种方法在jQuery1.8之后都不推荐使用,官方在1.9时已经取消使用live()方法了,所以建议都使用on()方法。 tip:如果你需要移除on()所绑定的方法,可以使用off()方法处理。 $(document).ready(function(){ $(“p”).on(“click”,function(){ … Continue reading

wiloon, 5/11/2015 9:38 | Tag:

1、serialize()方法 描述:序列化表单内容为字符串,用于Ajax请求。 格式:var data = $(“form”).serialize(); 2.serializeArray()方法 描述:序列化表单元素(类似’.serialize()’方法)返回JSON数据结构数据。 注意,此方法返回的是JSON对象而非JSON字符串。需要使用插件或者<a>第三方库</a>进行字符串化操作。 格式:var jsonData = $(“form”).serializeArray(); 在使用ajax提交表单数据时,以上两种方法都可以将data参数设置为$(“form”).serialize()或$(“form”).serializeArray()。 Demo view plaincopy <form id=”myform”> <table> <tr> <td>姓名:</td> <td> <input type=”text” name=”name” /> </td> </tr> <tr> <td>性别:</td> <td> <input type=”radio” name=”sex” value=”1″> 男 <input type=”radio” name=”sex” value=”0″> 女 </td> </tr> <tr> <td>年龄:</td> <td> <select name=”age”> <option value=”20″>20</option> <option value=”21″>21</option> <option value=”22″>22</option> </select> </td> </tr> … Continue reading

wiloon, 2/19/2014 6:51 | Tag:

这是一篇关于介绍jQuery Sizzle选择器的文章,由我和obility共同完成。在文中,我们试图用自己的语言配以适量的代码向读者展现出Sizzle在处理选择符时的流程原理,以及末了以少许文字给你展示出如何借用Sizzle之手实现自定义选择器(也许更标准的叫法叫做过滤符)和它与YUI 选择器的大致比较。 前序 jQuery相比1.2的版本,在内部代码的构造上已经出现了巨大的变化,其之一便是模块的分发.我记得09年在jquery 9月开的一次大会上 john放出的一张ppt上 也指出了当前的jquery下一步目标,不仅仅是除了sizzle选择器的分离,届时core,attribute,css以及manipulation,包括event也都会独立成单独的js文件.(1.4的文件结构,其实已经分成单独的16个模块的组成) 随着jQuery被用来构建web app的场合愈来愈多,它的性能自然受到了大部分开发者的高度关注,它的内部实现机理又是如何,比如选择器的实现。 Sizzle,作为一个独立全新的选择器引擎,出现在jQuery 1.3版本之后,并被John Resig作为一个开源的项目,可以用于其他框架:Mool, Dojo,YUI等。 好了,现在来看为什么Sizzle选择器如此受欢迎,使它能够在常用dom匹配上都快于其他选择器而让这些框架们都垂青于它。   概要 一般选择器的匹配模式(包括jq1.2之前),都是一个顺序的思维方式,在需要递进式匹配时,比如$(‘div span’) 这样的匹配时,执行的操作都是先匹配页面中div然后再匹配它的节点下的span标签,之后返回结果。 Sizzle则采取了相反Right To Left的实现方式,先搜寻页面中所有的span标签,再其后的操作中才去判断它的父节点(包括父节点以上)是否为div,是则压入数组,否则pass,进入下一判断,最后返回该操作序列。 另外,在很多细节上也进行了优化。

wiloon, 1/16/2013 12:45 | Tag:

$(“#myELement”)    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”)           选择所有的div标签元素,返回div元素数组 $(“.myClass”)      选择使用myClass类的css的所有元素 $(“*”)             选择文档中的所有的元素,可以运用多种的选择方式进行联合选择:例如$(“#myELement,div,.myclass”) 层叠选择器: $(“form input”)         选择所有的form元素中的input元素 $(“#main > *”)          选择id值为main的所有的子元素 $(“label + … Continue reading

辽ICP备14012896