jquery 大于号(>)的作用

最新推荐文章于 2022-03-06 19:59:14 发布
最新推荐文章于 2022-03-06 19:59:14 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： jQuery
jQuery选择器中的大于号>作用是什么:
jQuery灵活多样的选择器是jQuery的优点之一。
下面就介绍一下其中的一个选择器，用大于号表示。

代码示例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>蚂蚁部落</title>
<style type="text/css">
#box{
  width:300px;
  height:200px;
  background:black;
}
#middle{
  width:200px;
  height:150px;
  background:red;
  margin:0px auto;
}
#inner{
  width:100px;
  height:100px;
  background:blue;
  margin:0px auto;
}
</style>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("#box>div").css("background-color","green");
});
</script>
</head>
<body>
<div id="box">
  <div id="middle">
    <div id="inner"></div>
  </div>
</div>
</body>
</html>
上面的代码可以将box元素下第一级div子元素的背景颜色设置为绿色。

也就是说>选择器是匹配指定元素的一级子元素，而不是所有的后代元素。


转自：http://www.jb51.net/article/59804.htm

小李讲源码
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery大于号()选择器的作用解释
12-10
jQuery选择器中的大于号>作用是什么: jQuery灵活多样的选择器是jQuery的优点之一。 下面就介绍一下其中的一个选择器，用大于号表示。 代码示例如下: 代码如下: <!DOCTYPE html> <html> <head> <...
jQuery大于号(>)选择器的作用解释
10-24
主要介绍了jQuery大于号(>)选择器的作用解释,本文用代码实例讲解jQuery大于号的作用,需要的朋友可以参考下
jQuery（一）jQuery概述、使用方式、原理、查找元素
商务合作 | 共同学习 | 携手共进
09-29 3万+
JavaScript jQuery：jQuery概述、使用、原理、API特点，查找元素。
jquery 大于号_jquery选择器空格与大于号、加号与波浪号的区别~（原创）
weixin_42392438的博客
01-27 287
空格：$('parent childchild')表示获取parent下的所有的childchild节点，所有的子孙。大于号：$('parent>child')表示获取parent下的所有child的儿子，第一代。加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法波浪号：$('pre ~ brother')表示获取pre节点的后面...
Jquery实现大于等于且小于等于-遁地龙卷风
liudanyang_21的博客
07-02 1607
jq 的slice方法能更好实现 做合并单元格的功能，如下图所示 　　 为了达到上述效果，需要先获取包括起始行和结束行的tr$("tr:eq("+index_startTr+"),tr:gt("+index_startTr+"):lt("+(index_endTr-index_startTr)+")","#demo") eq gt lt 索引都是从0开始的eq 等于,合并选择的结果gt(0) 选择所有索引大于0元素 lt(1) 选择所有下于1的元素 * 后面:lt("+(index_endTr-index_
JQuery简介 - 什么是jQuery
热门推荐
柯晓楠
01-15 4万+
概念 官方概念： jQuery是一个快速，小型且功能丰富的JavaScript库。借助易于使用的API（可在多种浏览器中使用），使HTML文档的遍历和操作，事件处理，动画和Ajax等事情变得更加简单。 个人理解： jQuery是JavaScript的一个工具库，工具库就是指封装好的JavaScript函数，可以直接在程序中进行调用，那jQuery就是一款非常流行的JavaScript库。jQ...
Jquery选择子控件大于号和 区别介绍及使用示例
01-19
parent > child 概述 在给定的父元素下匹配所有的子元素 参数 parentSelector任何有效选择器 childSelector用以匹配元素的选择器，并且它是第一个选择器的子元素 示例 描述: 匹配表单中所有的子级input元素。...
jquery选择器中的空格与大于号、加号+与波浪号~的区别介绍
11-22
大于号：$(‘parent > childchild’)表示获取parent下的所有下一级childchild 加号：$(‘pre + nextbrother’)表示获得pre节点的下一个兄弟节点，相当于next()方法 波浪号：$(‘pre ~ brother’)表示获取pre节点的...
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
10-22
主要介绍了jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍的相关资料,需要的朋友可以参考下
jQuery——常用方法
qq_63654439的博客
03-06 2683
$的作用 1、$其实就是一个函数名，是jQuery的所缩写 2、$可以作为选择器，获取DOM对象对应的jQuery对象 3、$可以将一个DOM对象，转换成一个jQuery对象 4、事件中的this，指向DOM对象，所以需要使用$（this）做转换 5、什么时候使用jQuery，什么时候使用 js？其实本质上jQuery就是js，只是我们可以使用一些现成的方法而已 jQuery常用方法 1、index()；获取元素索引 2、text()；获取和设置文本节点 3、css()；获取和设置样式
JQ基础知识大全
weixin_45671998的博客
04-10 1万+
jQuery 通俗来说，就是一个JS的库，里面封装了很多的JS方法，可以使前端人员去调用，大大减少了开发的时间，增加了开发的效率。 JQ的优点 轻量级，核心文件才几十KB，不会影响页面的加载速度。 跨浏览器兼容。基本兼容了现在主流的浏览器。 链式编程，隐式迭代。 对事件，样式，动画支持，大大简化了DOM操作。 支持插件扩展开发，有着丰富的第三方的插件，例如：轮播图，树形菜单，日期控件等 免费，开源。 JQ的顶级对象 ‘’$‘’是JQ的别称，代码中科院用JQ代替它 $是JQ的顶级对象，相当于JS中的wi
jQuery源码分析之=>jQuery的定义
weixin_30558305的博客
02-03 108
最近写前段的代码比较多，jQuery是用的最多的一个对象，但是之前几次看了源码，都没搞清楚jQuery是怎么定义的，今天终于看明白怎么回事了。记录下来，算是一个新的开始吧。 （文中源码都是jQuery-1.10.2版本的） 先上一段jQuery定义的源码，定义了jQuery为一个function 1 // Define a local copy of jQuery 2 ...
知识点一：三个实用的jQuery的DOM操作方法==>获取、替换
流浪蓝的博客
12-20 692
1、text(); 设置或返回所选元素的文本内容 2、html();设置或返回所选元素的内容（包括 HTML标记）, 代码如下： $(document).ready(function(){ $("#btn1").click(function(){ alert("Text: " + $("#test").text()); });
html5中的大于号,jquery选择器中的空格与大于号>、加号+与波浪号~的区别
weixin_34651473的博客
07-10 580
概念空格：$('parent childchild')表示获取parent下的所有的childchild节点大于号：$('parent > childchild')表示获取parent下的所有下一级childchild加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法波浪号：$('pre ~ brother')表示获取pre节点的后面...
jquery选择器中的空格与大于号>、加号+与波浪号~的区别
hsd2012的专栏
06-24 1万+
jquery选择器中的空格与大于号>、加号+与波浪号~的区别以及使用
jQuery 自定义选择器 于大等于和小于等于
ole_triangle_java的博客
02-26 3304
jQuery.expr[":"].le = function(elem,i,match){ return elem.rowIndex &lt; match[3] - 0 || elem.rowIndex == match[3] - 0; }; jQuery.expr[":"].ge = function(elem,i,match){ return elem.rowIndex &gt; matc...
jquery 选择器 空格、大于、加号、波浪线区别
mengzuchao的专栏
05-08 1137
空格：$('parent childchild')表示获取parent下的所有的childchild节点，所有的子孙。大于号：$('parent &gt; child')表示获取parent下的所有child的儿子，第一代。加号：$('pre + nextbrother')表示获得pre节点的下一个兄弟节点，相当于next()方法波浪号：$('pre ~ brother')表示获取pre节点的后面...
jQuery中大于gt和小于lt
weixin_30376323的博客
08-26 287
gt，lt计数都是下标从0开始，而且不论大小于，都不包括它自己本身。 <!DOCTYPE html> <html> <head> <meta charset='UTF-8'> <title></title> </head> <body> <table style="float:left;w...
jquery 获取<html>
最新发布
11-29
使用jQuery可以很方便地获取<html>元素。 首先，需要在代码中引入jQuery库。可以通过在<head>标签内添加以下代码实现： ``` <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> ``` 接下来，可以使用jQuery的选择器来选取<html>元素。在jQuery中，选择器可以通过元素名称、类名、ID等来选取元素。 如果想要选取<html>元素，可以使用以下代码： ``` var htmlElement = $('html'); ``` 这样，变量htmlElement就会包含<html>元素的jQuery对象。 之后，可以根据需要，对<html>元素进行各种操作。例如，可以修改元素的样式、属性、内容等。 以下是一个获取<html>元素，并对其进行样式修改的示例代码： ``` var htmlElement = $('html'); htmlElement.css('background-color', 'red'); ``` 这样，页面的<html>元素的背景颜色就会被修改为红色。 总结起来，通过引入jQuery库，并使用选择器选取<html>元素，就可以轻松地获取<html>元素，并对其进行操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值