您的位置：首页 > Web前端 > JQuery

Day21 Web前端 (4)JQuery

2019-05-31 20:05 423 查看

(4)JQuery

  1. javascript函数库
  2. 基本选择器： ID选择器：#ID名称
  3. 类选择器：类名
  4. 元素选择器：元素的名称
  5. 通配符选择器：* 找出页面上所有元素
  6. 选择器分组：选择器1，选择器2
  • 层级选择器：
      后代选择器：选择器1 选择器2   找出来的选择器1下面的所有选择器2
    1. 子元素选择器：选择器1>选择器2  找出来的是所有的子节点 
    2. 相邻兄弟选择器：选择器1+选择器2  找出来的紧挨着自己的弟弟
    3. 兄弟选择器：选择器1~选择器2  找出所有的弟弟
                （找出所有兄弟：$("div").siblings() ）
  • 属性选择器：
      选择器div
    1. 选择器[title]
    2. 选择器[title = 'test']
    3. 选择器[title = 'test'][style]
  • 基本的过滤器：选择器$("div:first")
        :first  ：      找出第一个元素
        :last  ：      找出最后一个元素
        :even  ：    找出偶数索引
        :odd  ：      找出奇数
        :gt(index)  ： 大于
        :lt(index)  ：  小于
        :eq(index)  ：等于
  • 表单选择器：
    :input   找出所有的输入项，textarea,select button
    :password
    :text
    :radio
  • 表单对象属性的过滤器
    :selected
    :checked
  • 常用函数：
    prop()     如果传入一个参数，就是获取
    prop("src","../img/1.jpg")     设置图片路径

    attr   ：操作一些自定义的属性
    prop ：通常是操作元素固有属性的，建议用prop来操作属性

    css()：修改css样式
    addClass()：添加一个class样式
    removeClass()：移除
  • 文档处理：
    append  appendTo
    prepend  prependTo
    after   before
  • 数组遍历：
    $("数组对象").each(function(index,data))
    $.each(arr,function(index,data))

    •  

    内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
    标签： 
    相关文章推荐
    新的分享
    章节导航