jQuery基础

最新推荐文章于 2025-07-24 16:07:25 发布

陌年

最新推荐文章于 2025-07-24 16:07:25 发布

阅读量278

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/csc2856891204/article/details/127013822

JS 专栏收录该内容

3 篇文章

订阅专栏

jQuery用处
       访问和操作DOM元素
       控制页面样式
       对页面事件进行处理
       扩展新的jQuery插件
       与Ajax技术完美结合
   jQuery的有优势
       体积小,压缩后只有100kb左右
       强大的选择器
       出色的DOM封装
       可靠的事件处理机制
       出色的浏览器兼容性
       使用隐式迭代简化编程
       丰富的插件支持
   jQuery的获取
       进入jQuery官网：http://jquery.com
   jQuery基本语法
       使用jQuery弹出提示框

       $(document).ready()
           $(document).ready()与window.onload类似，但也有区别

   jQuery基本选择器
       标签选择器（element）
           根据给定的标签名匹配元素

       类选择器（.class）
           根据给定的class匹配元素

       ID选择器（#id）
           根据给定的id匹配元素

       并集选择器（selector1，selector2，...，selectorN）
           合并元素集合

       全局选择器（*）
           获取所有元素

   jQuery层次选择器

       后代选择器
           $('.textRight p').css('color','red')
               设置class为textRight元素中的所有<p>标签的字体全部为红色
       子选择器
           $('.textRight>p').css('color','red')
       相邻元素选择器
           $('h1+p').css('text-decoration','underline')
       同辈元素选择器
           $('h1~p').css('text-decoration','underline')
   jQuery属性选择器
       可以根据是否包含某属性来选取元素
           a标签带有class属性
               $("#news a[class]").css("background","#c9cbcb");
       可以根据属性的值来选取元素
           class属性值为hot
               $("#news a[class='hot']").css("background","#c9cbcb");
       可以指定选取不等于属性是某个特定值的元素
           class值不等于hot
               $("#news a[class!='hot']").css("background","#c9cbcb");
       可以指定属性值以指定值开头的元素
           a标签href属性值以www开头
               $("#news a[href^='www']").css("background","#c9cbcb");
       可以指定属性值以指定值结尾的元素
           a标签href属性值以html结尾
               $("#news a[href$='html']").css("background","#c9cbcb");
       可以指定属性值包含指定值的元素
           a标签href属性值包含“k2”的元素
               $("#news a[href*='k2']").css("background","#c9cbcb");
   过滤选择器