码迷,mamicode.com
首页 > Web开发 > 详细

Jquery 常用笔记 (一)

时间:2015-06-27 22:37:50      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

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

  });

 

 

 

 

 

 

Jquery 常用笔记 (一)

标签:

原文地址:http://www.cnblogs.com/cq2win/p/4604777.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!