此系列博客主要是记录常用到的Jquery的功能,如果有不正确的地方请大家指教,后续部分不定时更新(zouw)
1.选择器
语法:$(selector) 示例如下
1.$("*") 选择所有元素
2.$(this) 选择当前元素
3.$("#test") 选择ID为test的元素
4.$("test") 选择class为test的元素
5.$("div") 选择div元素
6.组合选择 $("div test") 选择div中class为test的元素
$("div #test") 选择div中ID为test的元素
$("input[type=‘checkbox‘]") 选择input 标签中 type属性为checkbox的元素
2.常用事件
1. $("#test") .click() ID为test元素的单击事件
示例:
<input type="button" id="test"/>
$("#test") .click(function(){
alert("单击了!");
});
2. $("#test") .dblclick() ID为test元素的单击事件
示例:
<input type="button" id="test"/>
$("#test") .dblclick(function(){
alert("双击了!");
});
3. $("#test") .submit() ID为test元素的提交(一般是利用form提交)
示例:
<form name="reply" method="post" onsubmit="return validateForm( );">
<input type="text" name="title" size="80" /><br />
<textarea name="cont" cols="80" rows="12"></textarea><br />
<input id="test" value="提交" >
</form>
$("#test") .submit();
4. $("#test") .focus() ID为test元素的获取焦点事件
示例:
<input type="test" id="test" value=""/>
$("#test") .focus(function(){
alert("获取了焦点");
});
5. $("#test") .blur() ID为test元素的失去焦点事件
示例:
<input type="test" id="test" value=""/>
$("#test") .blur(function(){
alert("失去了焦点!");
});
6. $("#test") .change() ID为test元素的中类容改变事件
示例:
<input type="text" id="test" value="改变这段文字"/>
$("#test") .change(function(){
alert("内容改变了!");
});