jquery初识

Posted 2020-10-10 黎明NB

jQuery初识

如何使用jQuery?

   - 1. 导入 <script src="jquery-3.2.1.js"></script>     import re
   - 2. jQuery.xxxxx  --> $()    re.xxxx 
   - 3. 兼容性好

   

- 找 用jQuery找到目的标签

   - 选择器  伏笔         语法规则：$("xxx")
   
     基本选择器：
     
      - ID选择器                   $("#id的值")
      - 类选择器（class）          $(".class的值")
      - 标签选择器(html标签)       $("标签的名字")
      - 所有标签                   $("*")
     
      - 组合选择器              $("xx,xxx")
      

     层级选择器
     
      - 从一个标签的子子孙孙去找   $("父亲 子子孙孙")
      - 从一个标签的儿子里面找     $("父亲>儿子标签")
      - 找紧挨着的标签             $("标签+下面紧挨着的那个标签")
      - 找后面所有同级的           $("翔哥~女人")
   
   jQuery对象：
      - 用jQuery选择器查出来的就是jQuery对象
      - jQuery对象，他就可以使用jQuery方法，不能使用DOM的方法
     
      - DOM对象和jQuery对象转换：
         - $(".c1")[0] --> DOM对象
         - $(DOM对象)
      

- 筛选器
   - 写在引号里面的
   
      $(" :first") 
      $(" :not(‘‘)")
      $(" :even")
      $(" :odd")
      $(" :eq")
      $(" :gt")
      $(" :last")
      $(" :focus")
      
      内容
      $(":contains")
      $(" :empty")
      $(" :has(‘‘)")
      $(" :parent")  *****   区别于$("").parent()

      可见性
      $(" :hidden)
      $(" :visible")
      
      属性
      input[name]  --> 有name属性的input
      input[type=‘password‘]  --> 类型是password的input标签
      
      表单
      :input
      :password
      :checkbox
      :radio
      :submit
      :button
      :image
      :file
      
      表单对象属性
      :enable
      :disable
      :checked
      :selected

- 写在信号外面当方法用的

  过滤
   $("").first()
   $("").parent()
   $("").eq()
   .hasClass()
   
  查找
   .children()
   .find()
   .next()
   .nextAll()
   .nextUntil()
   
   .parent()
   .parents()
   .parentsUntil()
   
   .prev()
   .prevAll()
   .prevUntil()
   
   .siblings()