JQuery学习随笔(二) - 语法及选择器

世界总是运行在可知的轨迹当中,只等着我们去发现

jQuery 语法

  • $(this).hide() 隐藏当前的 HTML 元素。
  • $("#test").hide() 隐藏 id="test" 的元素。
  • $("p").hide() 隐藏所有<p>元素。
  • $(".test").hide() 隐藏所有 class="test" 的元素。
  • 基础语法是:$(selector).action()
    • 美元符号定义 jQuery
    • 选择符(selector)“查询”和“查找” HTML 元素
    • jQuery 的 action() 执行对元素的操作

提示:jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

jQuery 选择器

  • jQuery 使用 CSS 选择器来选取 HTML 元素。
    • $("p") 选取 <p>元素。
    • $("p.intro") 选取所有 class="intro" 的 <p> 元素。
    • $("p#demo") 选取所有 id="demo" 的 <p> 元素。
  • jQuery 使用 XPath 表达式来选择带有给定属性的元素。
    • $("[href]") 选取所有带有 href 属性的元素。
    • $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
    • $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
    • $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery 选择器的能力描述

  • 可以定位到class属性
  • 可以定位到id属性
  • 可以定位到所有属性
  • 可以定位到所有类型的标签
  • 可以定位一定范围的标签,前几个,后几个,或者哪里的前几个,哪里的后几个
  • 可以定位到奇数行和偶数行
  • 可以定位到可见与不可见的标签
  • 可以使用几个条件来精确定位一个标签
  • 可以定位所有动画

参考文献:
w3school 在线教程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 676评论 0 3
  • 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document....
    鹿守心畔光阅读 2,861评论 3 104
  • jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由约翰·雷西格(...
    静候那一米阳光阅读 813评论 0 18
  • jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery,您需要下载 jQuery 库(会在下...
    Clover园阅读 312评论 0 0
  • 信佛的梁武帝见到达摩祖师问:我造了很多寺院,供养了很多僧尼,有多大的功德? 达摩祖师说:没有功德。 皇帝很生气,祖...
    80天旅行阅读 313评论 0 0