博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Jquery 常用笔记 (一)
阅读量:6330 次
发布时间:2019-06-22

本文共 1393 字,大约阅读时间需要 4 分钟。

此系列博客主要是记录常用到的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" οnsubmit="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

你可能感兴趣的文章
C++中的stack类、QT中的QStack类
查看>>
Linux常用基本命令[cp]
查看>>
CSS 相对|绝对(relative/absolute)定位系列(一)
查看>>
关于 Nginx 配置 WebSocket 400 问题
查看>>
Glide和Govendor安装和使用
查看>>
Java全角、半角字符的关系以及转换
查看>>
Dubbo和Zookeeper
查看>>
前端项目课程3 jquery1.8.3到1.11.1有了哪些新改变
查看>>
UOJ#179. 线性规划(线性规划)
查看>>
整合spring cloud云架构 - SSO单点登录之OAuth2.0登录认证(1)
查看>>
Isolation Forest原理总结
查看>>
windows的服务中的登录身份本地系统账户、本地服务账户和网络服务账户修改
查看>>
JAVA中循环删除list中元素的方法总结
查看>>
redis 安装
查看>>
C# tips ---值类型的装箱和拆箱
查看>>
SQL some any all
查看>>
电子书下载:Programming Windows Identity Foundation
查看>>
有理想的程序员必须知道的15件事
查看>>
用于测试的字符串
查看>>
财付通和支付宝资料收集
查看>>