Jquery 常用笔记 (一)

此系列博客主要是记录常用到的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("内容改变了！");

　　});