杀人放火厉飞羽,万人敬仰韩天尊。|

WangJunZzz

园龄:9年3个月粉丝:99关注:13

JQuery学习系列篇(一)

jQuery是一套Javascript脚本库;注意jQuery是脚本库, 而不是脚本框架. "库"不等于"框架", 比如"System程序集"是类库,而"ASP.NET MVC"是框架。

复制代码
1. 基本选择符
    $('p')          //取得所有标签为p的元素
    $('.class')     //取得所有类为class的元素
    $('#id')        //取得id为id的元素
 2.属性选择器
   $('img[alt]')  //选择带有alt属性的所有图像元素
    $('a[href^="http"][href*="henry"]') //选择href属性以http开头且在任意位置包含henry的元素
   $('attr^=val')  //属性attr以val开头
   $('attr*=val')  //属性中含有val的值
   $('attr&=val')  //属性中以val结尾的值
复制代码

   

 3.层级选择器

    1.指定父节点下的所有input标签

      

    2.在给定的父元素下,匹配第一个inpu标签

             

    3.匹配所有跟在 label 后面的 input 元素

     

       4.找到所有与表单同辈的 input 元素

     

 4.常用选择器

   :first (last同理)

   

  :contains 选择器选取包含指定字符串的元素。

  

  :empty 选择器选取空的元素。空元素指的是不包含子元素或文本的元素。

   

  :has() 选择器选取所有包含一个或多个元素在其内的元素,匹配指定的选择器。

  

  :parent 匹配含有子元素或者文本的元素

  

   :odd ()匹配所有索引值为奇数的元素,从 0 开始计数  :even匹配所有索引值为偶数的元素,从 0 开始计数

    

 

 

5.可见性选择器    :hidden :visible

       

6.子元素 :first-child  类似的:first匹配第一个元素,但是:first-child选择器可以匹配多个:即为每个父级元素匹配第一个子元素。

  

 7:表单元素

   

    

 

本文作者:WangJunZzz

本文链接:https://www.cnblogs.com/WangJunZzz/p/7265880.html

版权声明:本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。

posted @   WangJunZzz  阅读(285)  评论(0编辑  收藏  举报
编辑推荐:
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
点击右上角即可分享
微信分享提示
评论
收藏
关注
推荐
深色
回顶
收起