jquery中的*（通用） 选择器实例

最新推荐文章于 2022-07-27 23:05:12 发布
最新推荐文章于 2022-07-27 23:05:12 发布
阅读量562 收藏
点赞数
分类专栏： jquery 文章标签： jquery翻译

通用的*选择器，被用来选择所有的元素，任何东西。

例如：

1 $(‘*’) —选择文档中的所有元素。

2 $(‘div > *’) —选择一个div元素下的所有子元素。

 

一般，单独的使用通过的选择器*是没有任何意义的,最少我不认为存在这样的应用场景。但是它经常需要和其它元素联合，以便形成新的自定义的选择器。

 



Jquery实例：







<html>
<head>
  <title>jquery universal example</title>
  <script type="text/javascript" src="../jquery-1.11.1.min.js"></script>
  <style type="text/css">
   div{
   padding:8px;
   }
  </style>
</head>
<body>
<h1>jquery universal example</h1>
<div class="div-class1">
  this is div-class1
  <div class="div-class2">
   this is div-class2
  </div>
  <div class="div-class3">
  this is div-class3
  </div>
</div>
<br/><br/>
<button>*</button>
<button>div > *</button>
<button id="refresh">Refresh</button>
<script type="text/javascript">
   $("button").click(function(){
   var str=$(this).text();
   $(str).css("border","1px solid #ff0000");
   
   
   });
  $("#refresh").click(function(){
  
  location.reload();
  });


</script>




</body>
</html>


eternity668
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS基础之常用选择器
dabaiZhang的博客
08-28 508
CSS常用选择器 今天就介绍一些常见、常用的选择器，以及选择器的分类 一、基础选择器： 1.元素选择器 2.类选择器 3.ID选择器 4.通配符选择器（*）：选中文档中所有的元素 5.组合选择器、并集选择器（同时选中）（选择器之间用，隔开） **例：div,p,span{ color: red;}同时对div、p、span的元素内容进行颜色设置 注：比较特殊性时，组合选择器要分开计算 二、层次选择器 1.子级选择器 父元素>子元素{声明块} 2.后代选择器 父元素 子元素{声明块} 3.兄弟选择
jQuery中:focus选择器用法实例
12-12
当然此选择器前面不加任何其他选择器，不过不加指定的选择器，那么默认就是添加了通用选择器（*）。例如: 代码如下:$(“:focus”) 以上代码和下面代码等效: 代码如下:$(“*:focus”) 实例代码: 代码如下: <!...
雀雀JQuery 选择器
雀雀的博客
04-27 239
JQuery 选择器特殊符号的转义&lt;div id =“id#a”&gt;aa&lt;/div&gt;&lt;div id =“id[2]”&gt;cc&lt;/div&gt;获取这个两个元素的选择器$(“#id\\#a”)$(“#id\\[2\\]”)x JQuery基本选择器示例1：通过标签选择器获取元素//通过标签选择器获取到"dt"标签添加点击事件$("dt").click(funct...
第十一课：js操作选择器的通用函数
FaceStrap
04-22 240
1.判断文档是否是XML文档 var isXML = function(elem){ 　　var documentElement = elem &amp;&amp; (elem.ownerDocument || elem).documentElement;　　 　　return documentElement ? documentElement.nodeName !==”HTML” : fa...
通用的Jquery选择器
weixin_34029680的博客
02-28 51
属性过滤(Attribute Filters)的内容 就是html元素中的属性,例如 name, id, class, 但是不是指的其值,是指属性本身.我在每篇文章里面都讲一下自己对这个选择器系列的理解,原因其一是方便理解其含义并记忆,其二就是”混个脸熟”,即便记 不住,在以后用到的时候也可以很快的查找api并应用上. 其包括以下几个选择器: [attribute][attribute=valu...
jQuery通配选择器
恋恋玫瑰花
08-11 662
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;jQuery通配选择器&lt;/title&gt; &lt;script type="text/javascript" src="
jQuery选择器用法实例详解
10-23
jQuery还支持CSS中的其他选择器，如后代选择器（`>`）、相邻兄弟选择器（`+`）、通用选择器（`*`）等。例如，`$("#orderedlist li:last")`选取ID为"orderedlist"的有序列表中的最后一个`<li>`元素。 3. **属性选择...
Jquery中CSS选择器用法分析
11-30
jQuery使用了一套css选择器，共有5种，即标签选择器，ID选择器，类选择器，通用选择器和群组选择器，现分述如下： 1. 标签选择器 用于选择HTML页面中已有的标签元素，又称元素选择器，格式：$(“element”)，如$(...
jQuery选择分类导出Excel实例
06-24
在这个实例中，可能用到了类选择器或属性选择器来选中用户指定的表格分类。 接着，为了导出Excel文件，我们需要一个转换HTML表格到Excel的机制。这通常通过创建一个隐藏的`<a>`标签，设置其`href`属性为包含表格...
jQuery选择器简明总结（含用法实例,一目了然）
10-26
1. **通用选择器**： - `*`：选取页面上的所有元素，例如`$("#item *")`选取id为`item`的所有后代元素。 2. **ID选择器**： - `#id`：选取具有指定ID的元素，例如`$("#lastname")`选取id为`lastname`的元素。 3...
jquery选择器应用实例
01-07
在JqueryTest文件夹中的实例可能包括了各种jQuery选择器的应用，每个页面对应一个特定的选择器实例。通过这些实例，你可以逐步学习和理解每种选择器的工作原理和用法。 学习jQuery选择器不仅能够提高网页动态效果的...
jQuery中each()方法用法实例
12-07
- `selector`：jQuery选择器，用于选取需要遍历的DOM元素集合。 - `function(index, element)`：回调函数，参数为： - `index`：可选，当前元素在集合中的索引，从0开始。 - `element`：可选，当前元素的DOM对象，...
jQuery基本选择器(实例及表单域value的获取方法)
10-22
首先，我们了解了jQuery的基本选择器，包括标签选择器（如`$("div")`）、ID选择器（如`$("#user")`）、类选择器（如`$(".t")`）、通用选择器（如`$("*")`）和群组选择器（如`$("div,span,p .styleClass")`）。...
锋利的jQuery实例
12-23
jQuery的生态中包含了大量插件，如Bootstrap、jQuery UI等，它们扩展了jQuery的功能，如弹窗、日期选择器、轮播图等。通过`$.fn.extend()`方法，开发者还可以自定义jQuery对象的方法，进一步增强其实用性。 总结，...
jQuery中on()方法用法实例详解
12-08
jQuery中的`on()`方法是用于事件绑定的核心函数，它提供了高度的灵活性和性能优化，能够处理动态添加到DOM中的元素的事件。此方法是jQuery 1.7版本引入的，目的是替代之前的`.bind()`, `.live()`, 和 `.delegate()`...
CSS学习（二）——通用选择器
weixin_52725999的博客
02-25 959
层次选择器 后代选择器 在某个元素的后面，祖爷爷，爷爷，爸爸，你 /*后代选择器*/ body p{ /* body后的所有p标签*/ background-color: red; } 子选择器 一代，儿子 /*子选择器*/ body->p{ background-color: blue; } 相邻兄弟选择器 同辈 /*相邻兄弟选择器：只有一个，相邻
通用选择器
coolchaobing的博客
07-27 1001
认识通用选择器
css通用选择器用_通用选择器（CSS选择器）
culh2177的博客
08-13 1532
css通用选择器用 描述 (Description) The universal selector matches any element type. It can be implied (and therefore omitted) if it isn’t the only component of the simple selector. The two selector examples s...
CSS:通用选择器
11-17 1096
通用选择器 通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如下使用下面代码使用html中任意标签元素字体颜色全部设置为红色： * {color:red;}
jQuery过滤选择器实例
最新发布
06-07
好的，下面是一个 jQuery 过滤选择器的示例： 假设有一段 HTML 代码如下： ```html <ul> <li class="item">Item 1</li> <li class="item">Item 2</li> <li class="item">Item 3</li> <li class="item special">Special Item</li> </ul> ``` 我们可以使用 jQuery 的过滤选择器来选择特定的元素。例如： 1. 选择所有的 `<li>` 元素： ```js $('li'); ``` 2. 选择 class 为 `item` 的 `<li>` 元素： ```js $('li.item'); ``` 3. 选择 class 为 `special` 的 `<li>` 元素： ```js $('li.special'); ``` 4. 选择第一个 `<li>` 元素： ```js $('li:first'); ``` 5. 选择最后一个 `<li>` 元素： ```js $('li:last'); ``` 6. 选择第二个 `<li>` 元素： ```js $('li:eq(1)'); ``` 7. 选择包含文本 `Item 1` 的 `<li>` 元素： ```js $('li:contains("Item 1")'); ``` 8. 选择所有偶数位置的 `<li>` 元素： ```js $('li:even'); ``` 9. 选择所有奇数位置的 `<li>` 元素： ```js $('li:odd'); ``` 以上就是一些 jQuery 过滤选择器的例子。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值