JQuery函数方法

最新推荐文章于 2020-07-19 10:12:38 发布

歪歪云

最新推荐文章于 2020-07-19 10:12:38 发布

阅读量364

点赞数

分类专栏： JQuery 文章标签： javascript 函数 asp.net

本文链接：https://blog.csdn.net/oYuHuaChen/article/details/54583429

版权

59 篇文章 0 订阅

订阅专栏

 
 一、 
 eval() 函数 
 可计算某个字符串，并执行其中的的 JavaScript 代码。 

 
 document.write(eval("2+2")) //4 

 
 二、 
 .extend()方法 
 ：是将一个或多个对象的属性合并到一个目标对象中 

 
 var obj1={"1","a"}; 

 
 var obj2={"2","b"}; 

 
 var obj3={"3","c"}; 

 
 $.extend(obj1,obj2,obj3);//obj1将获得obj2,obj3的属性 

 
 console.log(obj1["3"]);//c 

 
 三、 
 .isFunction()方法 
 ：检查一个对象是否是一个函数，使用时确保去掉函数名的圆括号 

 
 .makeArray()方法 
 ：将一个类似于数组的对象转换为一个真正的数组 

 
 四、 
 pop()方法 
 ：将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。 

 
 五、 
 .merge()方法 
 ：它从第二个数组中获取元素，并将这些元素追加到第一个数组中，并保留两个数组中元素的原有顺序； 

 
 六、 
 .inArray()方法 
 ：用于检查数组中是否存在某个指定的值，如果找到该值则返回它在数组中的索引。如果该值不在数组中，则返回-1； 

 
 七、 
 .contains()方法 
 ：用于检查一个DOM节点是否是另外一个节点的子节点； 

 
 工具方法： 

 
 八、 
 $.unique()方法 
 ：是从DOM元素的数组中移除重复的元素； 

 
 九、 
 $.trim()方法 
 ：用于移除字符串首尾的空格字符； 

 
 十、 
 $.globalEval()方法 
 ：在全局上下文中执行某些JavaScript代码； 

 
 十一、 遍历DOM 

 
 $("div").find("#idvalue")方法：会在div子集中搜索id为idvalue的集合 

 
 $("div").filter("#idvalue")方法：会在div（包含本身）子集中搜索id为idvalue的集合 

 
 .children("#idvalue")方法：搜索当前元素第一层后代元素 

 
 .get()方法：接收一个索引值作为参数，并返回一个DOM的节点 

 
 .index()方法：接收一个DOM的节点，返回该DOM元素在匹配集中的索引值 

 
 示例： 

 
 var ulist = $("ul"); //获取所有ul元素集合 

 
 ulist.get(2);//获取第3个元素 

 
 var ulist2 = document.getElementById("item2"); 

 
 $("ul").index(ulist2));//返回该元素在匹配集中的索引值 

 
 十二、 
 .end()方法 
 ：返回最初的包装对象 

 
 示例： 

 
 var listElements = $("li"); 

 
 listElements 

 
 .filter(":gt(3)") //大于索引3的集合 

 
 .css("color","green") 

 
 end() //返回最初的包装对象 listElements 

 
 .filter(":lt(3)") //小于索引3的集合 

 
 .css("color","red") 

 
 end(); 

 
 十三、 
 .toArray()方法 
 ：将包装对象转换为一个原生的JavaScript数组 

 
 示例：var ulist = $("ul").toArray(); 

 
 十四、获取元素内容 

 
 .text() .html() 
 方法区别：

 
 A、.text() 可用于XML或HTML文档 .html()只能用于HTML文档 

 
 B、.text()将获取所有后代元素的文本内容；.html()仅仅获取匹配的第一个元素的文本内容 

 
 //动态创建HTML页面 html()方法接收一个函数作为参数 

 
 $("div#testHTML").html(function(){ 

 
 var content=""; 

 
 for(i=1;i<=3;i++){ 

 
 content += "testing" + i + "..<br />"; 

}

 
 return content; 

});

 
 十五、 
 attr() 方法 
 ：传入两个参数，第一个为属性名；第二个为属性值； 赋给元素属性名的属性值 

 
 removeAttr()方法 
 ：移除元素的一个属性 

 
 示例： 

 
 <style> 

 
 .blue 

{

 
 background-color:blue; 

}

 
 </style> 

 
 <script type="text/javascript"> 

 
 $(function () { 

 
 $("p#iamblue").attr("class", "blue"); //给元素附加背景样式 

 
 $("p#iamblue").attr("id");//获取元素id值 iamblue 

 
 $("p#iamblue").removeAttr("class");//移除元素样式的属性 

});

 
 </script> 

 
 <p id="iamblue" class="black">i am blue</p> 

 
 十六、 
 .appendTo()方法 
 ：在元素中追加内容 

 
 示例： 

 
 <style> 

 
 .red 

{

 
 background-color: red; 

}

 
 </style> 

 
 <script type="text/javascript"> 

 
 $(function () { 

 
 $("<h1>Have A Nice Day</h1>")  

 
 .appendTo("body") 

 
 .attr("class","red"); //链式调用 

});

 
 </script> 

 
 <body></body> 

 
 运行结构:<body><h1 class="red">Have A Nice Day</h1></body> 

 
 十七、 
 addEventListener()方法 
 ：向指定元素添加事件 

 
 示例： 

 
 var x = document.getElementById("myBtn"); 

 
 if (x.addEventListener) { //所有主流浏览器，除了 IE 8 及更早 IE版本 

 
 x.addEventListener("click", myFunction); 

 
 } else if (x.attachEvent) { // IE 8 及更早 IE 版本 

 
 x.attachEvent("onclick", myFunction); 

}

 
 十八、.one()方法：一个事务处理程序只执行一次 

 
 $("#btn").one("click",function(){ 

 
 //添加操作方法 

});

关注

专栏目录