JQuery

  • A+
所属分类:Web前端
摘要

 (1)基本选择器 (2)层级选择器 (3)属性选择器   (4)过滤选择器 


一、基础篇

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>