首页 > 代码库 > JQuery

JQuery

这星期,我们学了JQuery,强大的工具

Jquery的事件切换

toggle(fn, fn2, [fn3, fn4, ...]): 

每次点击后依次调用函数。

点击一个元素,触发这个函数,当再次点击这个元素时,就将触发这个元素的下一个兄弟函数,如果有更多的函数,则一次像后触发,直到最后一个。

随后的每次点击都会重复的对这几个函数轮番调用。

可以使用unbind("click")来删除

Html部分 

<tr>

<td>1</td> 

<td>2</td> 

<td>3</td> 

<td>4</td> 

</tr> 

Jquery 部分

$("td").toggle(function () { 

$(this).addClass("selected"); 

}, function () { 

$(this).removeClass("selected"); 

}); //对表格切换一个类

 

$("li").toggle(function () { 

$(this).css({"list-style-type":"disc", "color":"blue"}

},function () { 

$(this).css({"list-style-type":"disc", "color":"red"});

}, function () { $(this).css({"list-style-type":"", "color":""}); 

});//对列表的切换样式

 

焦点事件[onfocus()/onblur()]

JQuery 的大多数使用与之前学习的使用相同,但更方便更快捷强大。

此处需要与DOM用法之间的转换

Jquery 

$(document).r(function(){ 

$("#login").focus(); 

});//当页面加载后将id为‘login‘ 的元素设置焦点

 Jquery 

$("input[type=text]").focus(function(){ 

this.blur(); 

});//失去焦点