jq选择器-2

最新推荐文章于 2021-08-21 22:46:08 发布
最新推荐文章于 2021-08-21 22:46:08 发布
阅读量354 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangfeng666/article/details/51719788
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jq选择器-2</title>
<script src="jquery.min.js" type="text/javascript"></script>
</head>

<body>
    <ul id="test1">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
    </ul>
    <ul id="test2">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li id="Third">我是第三个</li>
     <li>我是第四个</li>
    </ul>
    <ul id="test3">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
    <ul id="test4">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
    <ul id="test5">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
    <ul id="test6">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
    <ul id="test7">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
    <ul id="test8">
     <li>我是第一个</li>
     <li>我是第二个</li>
     <li>我是第三个</li>
     <li>我是第四个</li>
     <li>我是第五个</li>
     <li>我是第六个</li>
     <li>我是第七个</li>
     <li>我是第八个</li>
    </ul>
     <ul id="test9">
     <h1>1</h1>
     <h1>1</h1>
     <h1>1</h1>
     <h1>1</h1>
     <h1>1</h1> 
    </ul>
    <ul id="test10">
        <p>abcd</p>
        <p>efef</p>
        <p>aaa</p>
    </ul>
<script>
    $(function(){
        $("#test1 li:first").css("background","blue");
        $("#test2 li:not(#Third)").css("background","blue");
        $("#test3 li:even").css("background","blue");
        $("#test4 li:odd").css("background","blue");
        $("#test5 li:last").css("background","blue");
        $("#test6 li:eq(0)").css("background","blue");
        $("#test7 li:gt(0)").css("background","blue");
        $("#test8 li:lt(1)").css("background","blue");
        $(":header").css("color","blue");
        $("#test10 p:contains('a')").css("background","blue");
        })
</script>
</body>
</html>
jiangfeng666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jq的选择器
KingRH的博客
11-19 904
jq选择器 文章目录jq选择器选择器1基本选择器2层次选择器3过滤选择器 选择器 我们先复习一下js的选择器都有些什么 常见的有 id选择器，类选择器，属性选择器，标签名选择器 随便一个id选择器 <script> var p=document.getElementById("id") p.onclick=function(){ console.log("这是js写法") } </script> 如代码所示获得的i
jQuery-jq选择器-页面加载-jq控制元素对象-jq获取盒子信息-jq事件-jq动画-jq结合css完成动画
zdc45625的博客
01-25 697
文章目录jq引入jq选择器页面加载jq控制元素对象jq获取盒子信息jq事件 jq引入 什么是jQuery： jQuery是一个简洁高效的且功能丰富的JavaScript工具库，是对原生JavaScript二次封装的工具函数集合 优点： 开源 | 简洁的选择器 | 简化的Ajax操作 | 良好的浏览器兼容 | 强大的链式操作 &amp;amp;lt;!DOCTYPE html&amp;amp;gt; &amp;amp;lt;html&amp;amp;gt; ...
jq选择器
qq_42408149的博客
09-21 834
jq选择器 == CSS的选择器 jq高级选择器=层次、属性、过滤（相当于CSS中的结构伪类） jq的层次选择器 jq高级选择器之属性选择器(比CSS的属性选择器多了一个不等于) jq高级选择器之过滤选择器【jq选择器的重点】 过滤选择器与CSS的结构伪类的异同： 相同点：都是以冒号打头； 不同点：jq的过滤选择器名称可能有变更，同时，也扩展更多的选择器。 ...
jq css选择器-以开头
jieweiwujie的博客
08-21 1300
[class*="b"]{ border: 3px solid red; } [class^="A"]{ border: 1px solid blue; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
jq基本选择器
小彩虹的博客
03-06 1725
jQuery 选择器大致分为四种：基本选择器、层次选择器、过滤选择器、表单选择器 一、jq基本选择器 选择器的用法跟css的用法一致，只是需要增加选择函数。$(''); 如下面那道题： id选择器为 $('#two')； 类选择器 $('.one'); 标签选择器，元素选择器为 $('button'); &lt;!DOCTYPE html&gt; &lt;html&gt; ...
JS-11-JQ选择器
m0_37532448的博客
02-25 143
 
JQ属性选择器
云飞扬°的博客
05-18 1362
JQ属性选择器 通过属性选择器去找到 a href $("a[href]").css("color","red"); //只有一个属性 找出包含href ,title $("a[href][title]").css("color","red"); //多个属性 找出包含href title 并且title='testTitle' $("a[href...
jq选择器的冒号
奇想派
10-24 919
1.$("form :input") 返回form中的所有表单对象，包括textarea、select、button等. 2. $("form input")返回form中的所有input标签对象. 3. form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回). 4. form :input是属于表单选择器(匹配所有<input>、<textar......
jq选择器排除元素
weixin_44131781的博客
05-08 921
使用Jquery选择器来排除某元素，核心的方法是使用 not 方法 #非第一个元素 $(".mainTables tr").not("tr:first").click(function(){ }); //或者 $(".someclass:not(:first)").click(function(){ }); #非$('.test')以外的元素 . $(".someclass:not...
JQ选择器详解
小屋博客
12-02 1455
一、什么是jq  jq就是人家把js的函数封装好的一个库。 二、为什么要用jq 1、简化了js的复杂操作 2、无需在去关心兼容性问题（最爽的一点） 3、提供了大量的使用方法 三、jq的选择器 1、基本选择器 #id：通过元素的 id 属性中给定的值 $("#myDiv"); element ：指向 DOM 节点的标签名$("div"); .class 一个元素可以有多个类，只
jq时间选择器jq时间选择器jq时间选择器
03-08
"jq时间选择器"是指利用jQuery实现的一个功能，允许用户在网页上方便地选取日期或时间。这个功能在网页表单、日程安排、预订系统等场景中非常常见。 jQuery时间选择器通常基于插件实现，例如jQuery UI中的...
JQ.地址选择器.rar
09-06
depth:3, //选择级别,1 省, 2省市, >=3省市县(区) fn:function(name,code,o){}//选择事件,返回参数 name 名称,code GB码,o 元数据{} sheng:"",//初始化查询省{sheng:"江苏省",shi:"扬州市",qu:"广陵区"} 最少要有...
JQ 层次选择器
08-13
本文将深入探讨JQ中的层次选择器，这是一种强大的工具，帮助开发者快速定位页面上的特定元素。 层次选择器是jQuery的核心功能之一，它允许我们根据元素在HTML文档结构中的位置来选取元素。下面我们将详细讲解几种...
JQ选择器_选择同类元素的第N个子元素的实现方法
09-01
在jQuery（JQ）中，选择器是一种强大的工具，用于高效地定位DOM（文档对象模型）中的特定元素。本文将详细介绍如何使用jQuery选择器来选取同类元素中的第N个子元素，并通过一个实例来演示其具体实现方法。 首先，...
JQ-Address-Select
04-16
《JQ-Address-Select：移动端HTML5的三级联动地址选择器实现》 在移动互联网时代，用户在填写表单时常常需要输入地址信息。为了提高用户体验，开发人员经常使用地址选择器，使得用户能够方便地从预设的省、市、区三...
基于Springboot和Vue的人口老龄化社区服务与管理平台源码 人口老龄化社区服务与管理平台代码（高分优秀毕业设计）
08-12
人口老龄化社区服务与管理平台源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！ 系统源码（高分毕设），个人经导师指导并认可通过的98分毕业设计项目，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者。也可作为课程设计、期末大作业。包含全部项目源码[代码]、该项目可以直接作为毕设使用。项目技术栈：前端是vue，后端是springboot，项目代码都经过严格调试，代码没有任何bug！
全球液对液冷却液分配单元（CDU）行业总体规模、主要企业国内外市场占有率及排名（2024版）.docx
08-12
全球液对液冷却液分配单元（CDU）行业总体规模、主要企业国内外市场占有率及排名（2024版）.docx
2024“钉耙编程”中国大学生算法设计超级联赛（1）-资料包new.zip
最新发布
08-12
2024“钉耙编程”中国大学生算法设计超级联赛（1）-资料包new.zip
【软考中级网工备考经验和资料分享】2024年
08-12
【软考中级网工备考经验和资料分享】2024年
jq name 选择器
08-18
jq name选择器是指使用name属性来选择元素的jQuery选择器。在jQuery中，可以使用以下语法来选择拥有特定name属性的元素： $("[name='nameValue']") 其中，nameValue是要选择的元素的name属性的值。使用这种选择器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值