首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery的几个技艺

2012-08-27 
jquery的几个技巧1.jquery 跟 dom对象的转换$(document.getElementById(msg))为jquery对象,jquery对象本

jquery的几个技巧

1.jquery 跟 dom对象的转换

$(document.getElementById("msg"))为jquery对象,jquery对象本省市一个ie集合,通过索引值取出比如$("#msg")[0]就是DOM对象。

2.如何获取jquery对象集合的某一项

$("div").eq(2).hmtl();//调用jquery对象的方法

$("div").get(2).innerHTML,//调用DOM的方法属性

3.同一个函数实现SET和GET

$("#msg").html()//获取 ,

$("#msg").html("<b>new content</b>");//设值?

4.集合的处理功能?

jquery的each迭代函数用来迭代的处理一个集合例如 $("p").each(function(i){

$(this).attr("backcolor","red");

});

$.each([0,1,2],function(i,item){alert(alert("item #"+i+":"+n));});

也可以迭代json数据$.each({name:"john",lang:"js"},function(i,n){});

?

$.map(array,fn):数组映射,把一个数组中的项目(处理转换后的)保存到另一个新书组中。并返回生成的新数组

var tmpArr=$.map([0,1,2],function(i){return i+4;} );

tmpArr的内容值为4,5,6

?

$.merge(arr1,arr2):合并两个数组并删除其中的重复的项目

如$.merge([0,1,2],[2,3,4])返回[0,1,2,3,4];

$("p").click(function(){alert($(this).html())});//为每个P标签增加了CLICK事件?

5.扩展我们需要的功能

$.extend({

?min:function(a,b){};

?max:function(a,b){};

});

热点排行