欢迎光临
我的个人博客网站

JQuery


一、基础篇

1.概念

JQuery

2.快速入门

JQuery

3.Jquery对象和JS对象的区别以及转化

JQuery

 

4.选择器

(1)基本选择器

JQuery

(2)层级选择器

JQuery

(3)属性选择器

JQuery

 

 

(4)过滤选择器 

JQuery

 

   JQuery

 

 

(5)表单过滤选择器 

JQuery

 

 

 

5.DOM操作

(1)内容操作

JQuery

 

(2)属性操作

JQuery

 

 

 

 2.JQuery

 

3.CRUD操作

JQuery

 JQuery

 

二、高级Jquery

1.动画

 JQuery

 2.遍历

JQuery

 3.插件

JQuery

 

 案例:两个按钮 一个控制全选 一个控制全不选

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>插件</title>     <script src="js/jquery-3.3.1.min.js"></script>     <script>         $.fn.extend({             check:function () {                this.prop("checked",true);             },             uncheck:function () {                this.prop("checked",false);             }         });         $(function () {          $("#btn1").click(function () {              $("input[type='checkbox']").check()          });          $("#btn2").click(function () {              $("input[type='checkbox']").uncheck()          });         })     </script> </head> <body>           <input type="button" value="全选" id="btn1">          <input type="button" value="全不选" id="btn2">          <input type="checkbox" value="1"> 1          <input type="checkbox" value="2"> 2          <input type="checkbox" value="3"> 3          <input type="checkbox" value="4"> 4  </body> </html> 

  

赞(0) 打赏
未经允许不得转载:张拓的天空 » JQuery
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏