您好,欢迎访问一九零五行业门户网

jquery使用经验小结_jquery

1,今天发现jquery获取的dom对象除了jquery对象外,还可以访问原来的对象,只要加一个[]就行了,原来还有这样的功能,之前没仔细研究。
2,用了first-child,nth-child(n),获取元素集合里面的第几个元素。
3,用jquery访问nodetext节点,通过访问原来的对象,nextsibling访问。访问是nextsibling.nodevalue;
zephyr's document asdf
asdf
asdf
asdf
4.dom对象和jquery对象转换
获取dom对象代码如下:
//获取dom对象var div1 = document.getelementbyid(div1);div1.innerhtml = oec2003;
获取jquery对象代码如下:
//获取jquery对象var div1 = $(#div1);div1.html(oec2003);
jquery对象转dom对象
//因为ajquery对象是一个数组对象,所以转换为dom对象时要用索引的形式var $div1 = $(#div1); //jquery对象var div1 = $div1[0]; //转换为了dom对象var div2 = $div1.get(0); //和上面一行效果一样div1.innerhtml = oec2003;
dom对象转jquery对象
//dom对象转jquery只需用$包装即可var div1 = document.getelementbyid(div1);var $div1 = $(div1); //转换为了jquery对象$div1.html(oec2003);
5.解决冲突
有时会有jquery和其他的库或自己写的一些公共脚本文件一起使用的场景,就有可能会出现$冲突的问题,冲突的解决分两种情况:
1、jquery库在其他库之后引用,如下所示:
复制代码 代码如下:
在common.js中有对$重新定义,代码如下:
function $(id) { return document.getelementbyid(id);}
下面是在jquery中解决冲突的代码,有四种方式:
//方式1jquery.noconflict(); //将$控制权移交出去,以前使用$的地方都改用jqueryjquery(document).ready(function () { alert(jquery(#span1).html());});window.onload = function () { $(span1).innerhtml = oec2003;}//方式2var $j=jquery.noconflict(); //定义快捷方式$j(document).ready(function () { alert($j(#span1).html());});window.onload = function () { $(span1).innerhtml = oec2003;}//方式3jquery.noconflict(); //在函数内部继续使用$jquery(function ($) { alert($(#span1).html());});window.onload = function () { $(span1).innerhtml = oec2003;}//方式4jquery.noconflict(); //在函数内部继续使用$另一种方式(function ($) { $(function(){ alert($(#span1).html()); });})(jquery);window.onload = function () { $(span1).innerhtml = oec2003;}
2、jquery库在其他库之前使用
//如果先引用jquery脚本,可以不使用noconflict//jquery.noconflict(); jquery(document).ready(function () { alert(jquery(#span1).html());});window.onload = function () { $(span1).innerhtml = oec2003;}
以上所述就是本文给大家分享的全部内容了,希望大家能够喜欢。
其它类似信息

推荐信息