jQuery的基础知识介绍
admin
2023-02-12 19:20:04
0
  1. 什么是jQuery?
    jquery 是 js的封装的一个框架  快速开发
    • 优点:写的少  做的比较多   处理浏览器之间的兼容性
    • 把js的大量语法进行封装
    • 大量的方法
    • 大量的学习方法和dom之类
      jquery库 在head  body里面都是可以引入
    • 在写jquery 代码的时候先引入jquery文件(库)
    • 才能去写常规的jquery代码
    • (先跑库代码  在走写的jquery代码)
      
      window.jQuery==window.$=jQuery

      所以在jquery里面书写是用$

  2. jquery dom获取的时候注意元素是否初始化.若不考虑是否初始化 需要以下加载函数
    注意:jquery  加载函数  类似  浏览器的加载完成事件window.onload
    $(document).ready(function () {
        console.log("加载完成");
        console.log($("#btn"));
    });

    简写为

    $(function(){
    })
  3. dom元素获取方式
    注意:jquery对象返回的是一个集合  直接使用  
    jquery  代码可以进行隐式迭代器  (可以进行一堆的操作)
    1)基本选择器
    id  class  元素  *   复合元素选取$("button,input")
    2)层次选择器

    获取子元素  +获取下一个元素  ~获取当前元素后面的所有元素 以及空格
    3)基本筛选器
    first last not除了当前的其他所有元素
    even odd 按照索引的奇数偶数来获取
    eq gt lt获取等于 大于 小于索引的元素
    header获取所有的h标签  
    focus 获得获焦的元素
    root 直接获取html
    4)内容选择器
    contains 包含某内容
    empty空元素
    has包含某个元素
    parent 匹配的元素必须是父元素
    5)可见性
    hidden隐藏
    visible显示
    6)属性
    [attribute]包含某属性的元素
    [attribute=value]//指定获取某元素满足属性=属性值
    [attribute!=value]//属性不等于该值的或者不含有该属性的
    [attribute^=value]//以什么开头
    [attribute$=value]//以什么结尾
    [attribute=value]//包含某值
    $("button[attrSel1][attrSel2][attrSelN]")三者都具备都有的元素
    $("button[id='btn'][class='btn']")//两个都要满足与的关系
    $("button[id!='btn'][class!='btn']");//有id就考虑id是不是不等于该值 没有id就只考虑class是否满足条件 若满足就可获取
    7)子元素过滤选择器
    :first-child 第一个孩子
    :first-of-type1.9+ 如果写指定标签  获取指定标签里面的第一个   如果没写  获取所有类型标签里面的第一个
    :last-of-type1.9+ 匹配同类型的最后一个
    :nth-child  第几个孩子 1开始
    :nth-last-child()1.9+ 倒着说第几个孩子 1开始
    :nth-last-of-type()1.9+ 后往前  按类型获取标签里面的最后一个
    :nth-of-type()1.9+  前往后  按类型获取标签里面的第n个
    :only-child 匹配的元素必须是父元素的唯一子元素
    :only-of-type1.9+
    / 获取父元素里面同类型标签里面只有唯一的一个标签  全部获取到
    8)表单元素选择器
    :input    匹配所有 input, textarea, select 和 button 元素
    :text   获取单行文本框的
    :password  获取密码框的
    :radio  //获取单选按钮的
    :checkbox //获取复选框的
    :submit  //获取表单提交的
    :image
    :reset  获取重置按钮
    :button   获取button
    :file   获取文件路径

相关内容

热门资讯

德国总理:美国正在被伊朗羞辱 德国之声4月27日报道,德国总理默茨在访问一所学校时表示,在当前的持续冲突中,伊朗领导层正试图羞辱美...
理响中国|“长”歌以行,风云激... 光阴如梭,东方潮阔。这里是中国的长三角,世界的长三角。无论过去、现在还是未来,这片土地都因时代而生,...
白宫:特朗普及其国安团队开会讨... 新华社华盛顿4月27日电 美国白宫新闻秘书莱维特27日在记者会上证实,总统特朗普及其国家安全团队当天...
人民日报刊文:日本放开杀伤性武... 日本放开杀伤性武器出口推高地缘冲突风险(国际论坛)常思纯《人民日报》(2026年04月28日 第 0...
医疗保障法草案二审:明确生育保... 满足多样化健康保障需求本报记者 彭 波4月27日,医疗保障法草案二审稿提请十四届全国人大常委会第二十...
天津一景区发生自转旋翼机事故1... 澎湃新闻记者 吕新文中国民用航空华北地区管理局4月22日公布《豪客通航“10•1”天津长芦汉盐旅游区...
卡塔尔埃米尔与美国总统特朗普通... 当地时间24日,卡塔尔埃米尔塔米姆与美国总统特朗普通电话,重点就中东地区局势以及伊朗与美国谈判问题交...
男子30年前被扣押2859克黄... 澎湃新闻记者 王鑫家住辽宁省大连市的潘永嘉近日向澎湃新闻反映称,三十年前,他在大连周水子机场被盖州市...
商务部:取消反制欧盟两家金融机... 中华人民共和国商务部令二〇二六年 第1号鉴于欧盟已取消对中国两家金融机构的制裁措施,现公布《关于取消...
过去24小时共有5艘船只通过霍... 总台记者当地时间24日获悉,过去24小时内,共有5艘船只通过霍尔木兹海峡,其中包括一艘伊朗油轮。(总...