Tuesday, August 17, 2010

JQuery

1. gt()
$("button:gt(0)")
第一个button标记后边的button.

2. eq()
$("em:eq(1)")
em标记里边,第2个em标记。

3. attr()
attr("title"),获得title标记里的属性值,such as run, title属性值就是running.
attr("disabled","disabled") , 设置disabled属性为disabled

4. text()
$("span").text("bla")设置span的text值bla

5. addClass("myclass1 myclass2")
同时添加两个或多个class。

6. toggleClass("highlight")
替换class的为hightlight。

7.
$("p:first").text() 获取p标记里的纯文本,不包括标记e.g.

texttttet


$("p:last").html("test")设置最后一个p标记的的内容,包括标记和文本。

8. clone()克隆元素
$("img:eq(0)").clone().appendTo($("p"));克隆第一个img,然后添加到所有的p标记里边。

9. .bind()绑定
eg.< i m g src="a.jpg" >
$(function(){
$("img")
.bind("click", function(){$("#show").append("
click event one
");})
.bind("click", function(){$("#show").append("
click event two
");});
})
点击img后,show的div里写入
click event one
click event two


10. .unbind()移除绑定
$(function(){
var abc;
$("img")
.bind("click", abc = function(){$("#show").append("
click event one
");})
.bind("click", function(){$("#show").append("
click event two
");});

$("img").unbind("click", abc);
})
解除abc function的绑定

11. show(), hide(), show(3000), hide(1000) 3000毫秒 = 3秒
fadeIn(3000), fadeOut(1000), slideUp(1000), slideDown(1000)

12. $.browser.msie mozilla safari opera
$.browser.version

13. $.boxModel
true就是w3c,false是IE
但是如果文件最上边有!DOCTYPE ...的声明,那样的话,不论是不是IE,div的box模型就都符合标准的用法,即width and height不包括boarder and padding.

14. $.each()
$.each(object,fn) object是每个对象, fn是函数,对应每个object
eg.
var aArray = ["one", "two", "three", "four", "five"];
$.each(aArray, function(iNum, value){
//针对数组
document.write("list number: "+ iNum + "Value: "+value+"
");
});

var oObj = {one:1, two:2, three:3, four:4, five:5};
$.each(oObj, function(property, value){
//针对对象
document.write("Property: " + property + "Value: " + value +"
");
});

$.each($.browser, function(property, value){...}

15. $.grep()数组过滤
$.grep(Array,function(value){ return value>4})

16. $.map()数组转化
$.map(array, function(value,index){return ...})

No comments: