第二章jQuery选择器

一、jquery选择器的分类:
1.基本选择器
(1)标签选择器
$(“h2”).css(“color”,“red”);
(2)类选择器
$(".title").css(“color”,“red”);
(3)ID选择器
$("#title").css(“color”,“red”);
(4)并集选择器
$(“h2,h3,.title,#title”).css(“color”,“red”);
(5)全局选择器
$("").css(“color”,“red”);
2.层次选择器
(1)后代选择器
$("#box p").css(“color”,“red”)
所有box下面的p标签字体都换成红色
(2)子选择器
$("#box>p").css(“color”,“red”);
所有id为box的儿子元素字体变成红色
(3)相邻元素选择器:
$(".p2+p").css(“color”,“red”);
class为p2的元素下一个为p的字体变红
(4)同辈元素选择器:
(".p2p").css("color","red");class为p2后面所有为p元素的字体都变成红色3.属性选择器(1)[name]:含有name属性的选中(2)[name=′name′],name的值是name的被选中(3)[name!=name],name的值不是name的被选中(4)[name=na],name的值以na开头的被选中(5)[name(".p2~p").css("color","red"); class为p2后面所有为p元素的字体都变成红色 3.属性选择器 (1)[name]:含有name属性的选中 (2)[name='name'],name的值是name的被选中 (3)[name!=name],name的值不是name的被选中 (4)[name^=na],name的值以na开头的被选中 (5)[name(".p2 p").css("color","red");classp2p3.1[name]:name2[name=name]namename3[name!=name],namename4[name=na]namena5[name=na],name的值以na结束的被选中
(6)[name
=na],name的值中包含na的被选中
(7)[name=‘text’][id=‘name’],属性name的值等于name,并且id也等于name的被选中
4.基本过滤选择器
(1)获取第一个li元素:
$(“li:first”).css(“color”,“red”);
(2)获取最后一个li元素:
$(“li:last”).css(“color”,“red”);
(3)获取偶数行的元素:
$(“li:even”).css(“color”,“red”);
(4)获取奇数行的元素:
$(“li:odd”).css(“color”,“red”);
(5)获取索引是2的元素
$(“li:eq(2)”).css(“color”,“red”);
(6)获取索引大于2的元素,索引从0开始
$(“li:gt(2)”).css(“color”,“red”);
(7)获取索引小于2的元素
$(“li:lt(2)”).css(“color”,“red”);
(8)获取所有标题元素
$(":header").css(“color”,“red”);
(9)获取光标聚焦的元素
$(":focus").css(“color”,“red”);

5.可见性过滤选择器

二、光标聚焦:
$("[name=‘text’]").focus();
三、给表单里面赋值:
$("[name=‘pass’]").val(“值”);
四、获取表单的值:
$("#input").val();

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/326065.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2017蓝桥杯省赛---java---A---4(方格分割)

题目描述 思路分析 dfs 题目要求沿着格子的边线剪成两个部分,仔细观察,剪开的边线是关于中心点(3,3)对称的,于是我们从(3,3)开始搜索,直到搜到边界则退出。…

这些分布式事务的解决方案,你都知道吗

转载自 这些分布式事务的解决方案,你都知道吗 分布式事务是企业集成中的一个技术难点,也是每一个分布式系统架构中都会涉及到的一个东西,特别是在微服务架构中,几乎可以说是无法避免。 数据库事务 在说分布式事务之前&#x…

如何在多个项目中分离Asp.Net Core Mvc的Controller和Areas

前言 软件系统中总是希望做到松耦合,项目的组织形式也是一样,本篇文章将介绍在ASP.NET CORE MVC中怎么样将Controller与主网站项目进行分离,并且对Areas进行支持。 实践 1.新建项目 新建两个ASP.NET Core Web应用程序,一个命名…

SparkSQL中UDAF案例分析

SparkSQL中UDAF案例分析 1、统计单词的个数package com.bynear.spark_sql;import org.apache.spark.sql.Row; import org.apache.spark.sql.expressions.MutableAggregationBuffer; import org.apache.spark.sql.expressions.UserDefinedAggregateFunction; import org.apache.…

第四章选择结构(二)

一、Switch的结构语法: switch(变量){ case 1: //代码 break; case 2: //代码 break; default : //代码 break; } 2.switch:相当于一个开关,后面的括号里面可以是int short byte char 枚举类型 String类型的值 3.case后…

河北省计算机对口高考大纲,河北省普通高等学校对口招生英语考试大纲

河北省普通高等学校对口招生英语考试大纲一、考试范围和考试形式河北省中等职业学校对口升学英语考试以教育部颁布的《中等职业学校英语教学大纲》为依据,以中等职业教育课程改革国家规划教材《英语》为主要参考教材,同时结合我省中等职业学校教学情况进…

2017蓝桥杯省赛---java---B---10(k倍区间)

题目描述 标题&#xff1a; k倍区间给定一个长度为N的数列&#xff0c;A1, A2, … AN&#xff0c;如果其中一段连续的子序列Ai, Ai1, … Aj(i < j)之和是K的倍数&#xff0c;我们就称这个区间[i, j]是K倍区间。你能求出数列中总共有多少个K倍区间吗&#xff1f;输入 第一行…

Spring Boot 最佳实践

转载自 Spring Boot 最佳实践 Spring Boot是用于开发微服务的最流行的Java框架。在本文中&#xff0c;我将与您分享自2016年以来我在专业开发中使用Spring Boot所采用的最佳实践。本文基于我的个人经验和认可的Spring Boot方面的专家。 在本文中&#xff0c;我将重点介绍Spr…

第三章选择结构(一)

一、boolean 类型&#xff1a; 值只有两个&#xff1a;true(真)和false(假) 二、常用的关系符&#xff1a; > < > < ! 作用&#xff1a;用来比较运算结果&#xff0c;值是boolean类型。. 三、if选择结构的语法&#xff1a; if(boolean){ 代码块 } 含义&#xff1a…

eq,neq,gt,lt等表达式缩写

eq,neq,gt,lt等表达式缩写 eq 等于neq 不等于gt 大于egt 大于等于lt 小于elt 小于等于like LIKEbetween BETWEEN

asp.net core源码飘香:Configuration组件

简介&#xff1a; 这是一个基础组件&#xff0c;是一个统一的配置模型&#xff0c;配置可以来源于配置文件&#xff08;json文件&#xff0c;xml文件&#xff0c;ini文件&#xff09;&#xff0c;内存对象&#xff0c;命令行参数&#xff0c;系统的环境变量又或者是你自己扩展的…

计算机图形橡皮筋实验报告,弹性或橡皮筋技术

橡皮筋是一种在计算机屏幕上绘制线, 折线, 矩形, 圆形和椭圆形等几何图元的流行技术。它已成为图形用户界面(GUI)不可或缺的一部分, 并成为事实上的标准, 并且几乎被所有基于Windows的应用程序普遍接受。用户通过定位其两个端点以通常的方式指定该线。当我们从第一个端点移动到…

2017蓝桥杯省赛---java---C---9(青蛙跳杯子)

题目描述 题目描述 X星球的流行宠物是青蛙&#xff0c;一般有两种颜色&#xff1a;白色和黑色。X星球的居民喜欢把它们放在一排茶杯里&#xff0c;这样可以观察它们跳来跳去。如下图&#xff0c;有一排杯子&#xff0c;左边的一个是空着的&#xff0c;右边的杯子&#xff0c;每…

青客宝团队redis内部分享ppt

Redis&#xff1a;最好的缓存数据库 说Redis是缓存服务&#xff0c;估计有些人会不开心&#xff0c;因为Redis也可以把数据库持久化&#xff0c;但是在大多数情况Redis的竞争力是提供缓存服务。说到缓存服务必然会想到Memcached&#xff0c;因为几年前Memcached是最流行的缓存服…

你知道面试官是如何刷人的吗

转载自 你知道面试官是如何刷人的吗 对于一个公司来说&#xff0c;执行招聘面试事宜是一个耗时耗钱的项目&#xff0c;从顾问公司和人才中介挑选出合适的简历之后&#xff0c;还要花更多的时间找出合适的候选人。有的时候这些机构会向你保证这些人都是 Java 天才、SQL 专家、…

jQuery动画与事件概念以及语法

一、鼠标单击事件&#xff1a; 语法&#xff1a;KaTeX parse error: Expected EOF, got # at position 3: ("#̲div1").click(fu…("#div1").mouseover(function(){//代码}); 三、鼠标移出事件&#xff1a; 语法&#xff1a;KaTeX parse error: Expected E…

spark submit参数及调优

spark submit参数及调优 原文地址 spark submit参数介绍 你可以通过spark-submit --help或者spark-shell --help来查看这些参数。 使用格式: ./bin/spark-submit \ --class <main-class> \ --master <master-url> \ --deploy-mode <deploy-mode> \ …

2020蓝桥杯省赛---java---A---4(七段码)

题目描述 思路分析 代码实现 package lanqiao;public class Main {public static int N10;public static int e[][]new int[N][N];//存储二极管相邻的信息public static int f[]new int[N];//并查集public static int ans0;public static boolean st[]new boolean[N];//true表…

小米无线路由器服务器用户名和密码忘了,小米路由器管理密码忘记了怎么办?...

问&#xff1a;小米路由器管理密码忘记了怎么办&#xff1f;我想修改小米路由器上的配置&#xff0c;在打开miwifi.com的时候&#xff0c;提示需要输入管理密码。但是&#xff0c;我不知道管理密码是多少&#xff0c;忘记了管理密码应该怎么办&#xff1f;答&#xff1a;首先说…

asp.net core源码飘香:Options组件

简介&#xff1a; Options组件是一个小组件&#xff0c;但用的地方很多。它本质是将一个POCO类注册到容器中&#xff08;主要在Startup中作为其他组件的配置功能提供&#xff09;&#xff0c;后续使用的时候就可以通过比如构造函数注入等获取到POCO对象。如果只是为了注入一个P…