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("内容改变了！");

　　});

 

 

 

 

 

 

转载于:https://www.cnblogs.com/cq2win/p/4604777.html