首页 > 代码库 > 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();
});//失去焦点