zoukankan      html  css  js  c++  java
  • JQuery

    一、基础篇

    1.概念

    2.快速入门

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

    4.选择器

    (1)基本选择器

    (2)层级选择器

    (3)属性选择器

    (4)过滤选择器 

       

    (5)表单过滤选择器 

    5.DOM操作

    (1)内容操作

    (2)属性操作

     2.

    3.CRUD操作

     

    二、高级Jquery

    1.动画

     

     2.遍历

     3.插件

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

    <!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>
    

    4.事件的绑定

      

  • 相关阅读:
    柳下品茗
    游百花诗意亭有感
    爱情如酒
    笑傲IT文坛
    面对诱惑,你会屈从吗?
    拓展人脉的三十六计
    世界经理人推荐:拓展人脉的两大法宝
    我还能做什么
    诗缘
    有谁陪我风雨同舟
  • 原文地址:https://www.cnblogs.com/mzq-/p/13687935.html
Copyright © 2011-2022 走看看