参加工作之前看了两个月的jQuery,参加工作之后在公司学了四个月的ExtJs，现在在这个公司用上了jQuery，决定闲暇之余重新学习jQuery的使用方法，顺便也看看其实现原理，加深对dom的理解。
学习jQuery使用的开发工具是Apanta，参考一个例子jQuery 1.2.6汉化版，汉化作者billsquall。其汉化后的js文件，如有需要可以联系我：JavaChencto&163.com。
之前学习extjs的时候，总是会参照jquery两者放到一起相互理解学习，现在就仅对就Query的源码进行研究学习，不扩展到extjs。
jQuery XML to JSON Plugin插件是通过用js代码实现将xml文件转换为json格式的数据，方便读取，特别是用ajax读取xml后，对返回的接送格式进行操作非常方便。
例如：
<xml>
<site>javachen.com</site>
</xml>
通过jQuery XML to JSON Plugin可以将上面的xml转换为一下json格式：{
site: 'javachen.com';
}插件使用方法：
var xml = '<xml><site>javachen.com</site></xml>';
var json = $.xml2json(xml);
alert(json.site);$.get('data/hello.xml', function(xml){var json = $.xml2json(xml);
alert(json.site);
});插件下载地址：
jQuery XML to JSON Plugin
插件作者：
Cookie操作是我们在Web开发中经常会用到的功能，以往我们一般是通过javascript实现的,但用javascript实现过于复杂，所以不如使用jquery控制cokkie。下面这款jquery插件是专门用来进行cookie操作的，包括cookie的添加、清除、读取……
$.cookie(‘the_cookie’); // 获得cookie
$.cookie(‘the_cookie’, ‘the_value’); // 设置cookie
$.cookie(‘the_cookie’, ‘the_value’, { expires: 7 }); //设置带时间的cookie,同时设置过期时间（expires属性）为7天：
$.cookie(‘the_cookie’, ‘the_value’, { expires: 7, path: ‘/’, domain: ‘javachen.com’, secure: true }); //设置带时间的cookie,同时设置过期时间（expires属性）为7天：,同时设置cookie的path属性为”javachen.com/”
$.cookie(‘the_cookie’, ”, { expires: -1 }); // 删除
$.cookie(‘the_cookie’, null); // 删除 cookie
下载地址： http://plugins.jquery.com/files/jquery.cookie.js.txt
继续阅读…
现在公司有一个项目需要实现一个功能 当点下拉框时动态加载后台数据。因为之前使用过jquery，所以很快想到使用jquery实现这一功能，但后来发现公司所做的项目界面全部是通过配置文件生成的，每一个文本域的CSS都不一样，在界面很难统一一个CSS样式去动态生成一个下来列表与原来的文本域宽度以及坐标相匹配，总之，使用这种方式html、css、javascript代码耦合度太高了，不适合于全局使用。当然通过javascript代码也能实现下拉列表的坐标定位，但是这样做又过于复杂，不可取。
用Jquery实现的自动填充代码如下，网上也有实现此功能的插件，可以用用。 继续阅读…
1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。
2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：$(document.getElementById(”msg”))则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：$(”#msg”)[0]，$(”div”).eq(1)[0]，$(”div”).get()[1]，$(”td”)[5]这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：
$(”#msg”).html();
$(”#msg”)[0].innerHTML;
$(”#msg”).eq(0)[0].innerHTML;
$(”#msg”).get(0).innerHTML;
3、如何获取jQuery集合的某一项
对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个<div>元素的内容。有如下两种方法：
$(”div”).eq(2).html(); //调用jquery对象的方法
$(”div”).get(2).innerHTML; //调用dom的方法属性
1.精准简单的选择对象(dom)：
$(‘#element’);// 相当于document.getElementById(“element”)
$(‘.element’);//Class
$(‘p’);//html标签
$(“form > input”);//子对象
$(“div,span,p.myClass”);//同时选择多种对象
$(“tr:odd”).css(“background-color”, “#bbbbff”);//表格的隔行背景
$(“:input”);//表单对象
$(“input[name='newsletter']“);//特定的表单对象
2.对象函数的应用简单和不限制：
element.function(par)；
$(”p.surprise”).addClass(”ohmy”).show(”slow”)…
Recent Comments