jQuery选择器案例之——index.js

$(function(){//alert('a');///基本选择器//id选择器//$("#div1").css("background","red");//class选择器//$(".p1").css("color","red");//标签选择器//$("p").css("color","red");//并集选择器//$("p,li").css("color","red");//全局选择器//$("*").css("color","red");///层次选择器//1.后代选择器//$("#div2 ul").css("color","red");//2.子选择器//$("#div2>p").css("color","red");//3.相邻选择器//$(".p1+p").css("color","red");//4.同辈元素//$(".p1~p").css("color","red");///属性选择器//1.包含给定属性选择器的元素//获取所有含有name属性的元素,颜色设置为红色//$("[name]").css("color","red");//2.name的值等于name的变成红色//$("[name='name']").css("color","red");//3.name的值不是name的变成红色//$("[name!='name']").css("color","red");//4.name的值以p开头的变成红色//$("[name^=p]").css("color","red");//5.name的值以e结尾的颜色变成红色//$("[name$=e]").css("color","red");//6.2019年6月21日11:38:40//name的值中包含e的字体颜色变红//$("[name*=e]").css("color","red");//7.选取含有id属性,并且name的值中包含e的元素,,字体颜色变成红色//$("[id][name*=e]").css("color","red");///过滤选择器//1.将第一个li变成红色//$("li:first").css("color","red");//2.将最后一个li变成红色//$("li:last").css("color","red");//3.选取class不是p1的元素变成红色//$("li:not(.p1)").css("color","red");//4.所有li的索引是偶数的背景色换一下//$("li:even").css("background","red");//5.所有li的索引是奇数的背景色换一下//$("li:odd").css("background","red");//6.索引等于2的li变成红色//$("li:eq(2)").css("color","red");//7.索引大于1的li变色//$("li:gt(1)").css("color","red");//8.索引小于2的li变色//$("li:lt(2)").css("color","red");//9.所有的标题元素变成红色//$(":header").css("color","red");///可见性过滤器//1.所有可见元素变色//$(":visible").css("color","red");//2.将隐藏的元素变色$("h3").hide();$(":hidden").css("color","red");})

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

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

相关文章

漫画:什么是堆排序

转载自 漫画:什么是堆排序 在上一篇漫画中,小灰介绍了 二叉堆 这样一种强大的数据结构: 漫画:什么是二叉堆?(修正版) 那么,这个二叉堆怎样来使用呢?我们这一期将会详…

监控——《微服务设计》读书笔记

在单块应用的世界里,当我们遇到问题时,我们至少清楚从哪里开始调查。网站访问速度?网站访问异常?CPU占用过高?这些都是单块应用程序的问题,单一的故障点会极大地简化对问题的排查。 而现在我们面对了多个微…

React中的模糊匹配与精准匹配

路由的严格匹配与模糊匹配 1.默认使用的是模糊匹配&#xff08;简单记&#xff1a;【输入的路径】必须包含要【匹配的路径】&#xff0c;且顺序要一致&#xff09;2.开启严格匹配&#xff1a;<Route exact{true} path"/about" component{About}/>3.严格匹配不要…

jQuery中的事件与动画

一、jQuery中的事件&#xff1a; 1.基础事件 &#xff08;1&#xff09;鼠标事件 &#xff08;2&#xff09;键盘事件 &#xff08;3&#xff09;window事件 2.复合事件 &#xff08;1&#xff09;鼠标光标悬停 &#xff08;2&#xff09;鼠标连续点击 二、鼠标事件&#xff1a…

什么是 TCC分布式事务

转载自 什么是 TCC分布式事务 近两年微服务变得越来越火热&#xff0c;各种框架与组件的出现&#xff0c;更是为微服务的开发提供了便利。 我们都知道&#xff0c;每个微服务都是一个对应的小服务&#xff0c;多个服务之间可以方便的进行功能的组合&#xff0c;来形成功能更…

.NET跨平台实践:再谈用C#开发Linux守护进程 — 完整篇

Linux守护进程是Linux的后台服务进程&#xff0c;相当于Windows服务&#xff0c;对于为Linux开发服务程序的朋友来说&#xff0c;Linux守护进程相关技术是必不可少的&#xff0c;因为这个技术不仅仅是为了开发守护进程&#xff0c;还可以拓展到多进程&#xff0c;父子进程文件描…

React中解决样式丢失问题

解决多级路径刷新页面样式丢失的问题 1.public/index.html 中 引入样式时不写 ./ 写 / &#xff08;常用&#xff09;2.public/index.html 中 引入样式时不写 ./ 写 %PUBLIC_URL% &#xff08;常用&#xff09;3.使用HashRouter

使用jQuery操作DOM元素

一、DOM分类&#xff1a; 1.DOM core 2.Html-DOM 3.CSS-DOM 二、css样式 $(this).css(“font-size”,“25px”); $(this).css({“font-size”:“30px”,“color”:“white”}); $("#div3").addClass(“div3_style”); //移除样式 $("#div3").removeClass(…

静态代理

1、接口 package AOP.proxy;/*** Created by Administrator on 2019/6/11.*/ public interface PersonDao {public void savePerson(); }2、目标实现类 package AOP.proxy;/*** Created by Administrator on 2019/6/11.*/ public class PersonDaoImpl implements PersonDao {…

选择大公司还是小公司

转载自 选择大公司还是小公司 本文转载自公众号 stormzhang&#xff0c;文中的“我”是原文作者。 前一段时间&#xff0c;我一知识星球的球友问我这么一个问题&#xff0c;说他是某 985 应届生&#xff0c;拿到了 BAT 一家互联网大公司的 offer&#xff0c;但同时他还拿到了…

未来的C#之只读引用与结构体

C中提供了const特性&#xff0c;使用该特性定义的参数&#xff0c;其所引用的参数或对象将不会被调用函数修改&#xff08;当然const还提供了更多的特性&#xff0c;参见“Const正确性”&#xff09;。在新的建议中&#xff0c;C#也将提供类似的特性。 只读ref参数 在C#中&am…

C++实现字符串的拼接

#include #include using namespace std; int main(){ //字符创的拼接 string a “rtmp://192.168.0.128:1935/live/Test”; string b “.flv”; a.append(b); cout<<a<<endl; string str; str.assign(a); //直接赋值 str.assign(str, 4, str.npos); //赋值给子…

表单验证

一、表单选择器&#xff1a; 用于选取某些特定的表单元素 二、常用的表单选择器&#xff1a; 1.:input,选取所有的textarea,button,input,select元素 eg:(&quot;:input&quot;).css(&quot;border&quot;,&quot;1pxsolidred&quot;);2.text选取所有的单行文…

React中BrowserRouter与HashRouter的区别

BrowserRouter与HashRouter的区别 1.底层原理不一样&#xff1a;BrowserRouter使用的是H5的history API&#xff0c;不兼容IE9及以下版本。HashRouter使用的是URL的哈希值。2.path表现形式不一样BrowserRouter的路径中没有#,例如&#xff1a;localhost:3000/demo/testHashRoute…

漫画:什么是优先队列

转载自 漫画&#xff1a;什么是优先队列 在之前的漫画中&#xff0c;我们介绍了二叉堆和堆排序。没看过的小伙伴可以看一看前文&#xff1a; 漫画&#xff1a;什么是二叉堆&#xff1f;&#xff08;修正版&#xff09; 漫画&#xff1a;什么是堆排序&#xff1f; 这一次&a…

安全——《微服务设计》读书笔记

身份认证和授权 1.单点登录&#xff08;SSO&#xff09; 当主体试图访问一个资源&#xff0c;他会被定向到一个身份提供者那里进行身份验证&#xff0c;身份提供者验明正向后会发消息给服务提供者&#xff0c;让服务提供者来决定是否允许它访问资源。 SAML和OpenID Connect/OAu…

抽象和封装

一、软件出现的目的是为了&#xff1a; 1.用计算机语言描述现实世界。 2.用计算机解决现实世界中的问题。 二、面向对象&#xff1a; 1.与人类的思维习惯一致 2.代码可重用性高&#xff0c;可靠性高。 三、从现实世界中抽象出类&#xff1a; 1.发现类 2.发现类的属性 3.发现类的…

支付对账系统怎么设计

转载自 支付对账系统怎么设计 支付对账系统是整个支付清结算体系中具体基础性意义的一个环节&#xff0c;是确保支付平台与各类第三方支付渠道数据一致性的关键系统&#xff0c;是商户资金结算、资金划拨、资金报表等逻辑准确运行的重要前提。 支付对账涉及账单下载处理、核心…

十二个 ASP.NET Core 例子

前言 在今天的博客中&#xff0c;我将介绍十几个可以在 ASP.NET Core 应用程序中使用的简单示例。从最简单的东西开始&#xff0c;比如 Options, 中间件&#xff0c;数据库&#xff0c;甚至 Nginx 或者 Docker。 首先确定你已经执行过了 dotnet restore , 然后运行 dotnet ru…