jQuery中has()方法用法实例


Posted in Javascript onJanuary 06, 2015

本文实例讲述了jQuery中has()方法用法。分享给大家供大家参考。具体分析如下:

此方法保留包含特定后代的匹配元素。
.has()方法将会从原始的jQuery对象中重新创建一组匹配的对象。
方法通过删选参数将会遍历原先对象的后代,含有匹配后代的对象将得以保留。

语法结构一:

$(selector).has(expr)

参数列表:

参数 描述
expr 字符串选择器。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("li").has("span").css("color","green") 

}) 

</script>

</head>

<body>

<div>

  <ul>

    <li><span>HTML专区</span></li>

    <li class="js">Javascript专区</li>

    <li>Div+Css专区</li>

    <li>Jquery专区</li>

  </ul>

</div>

</body>

</html>

匹配含有span元素的li元素,并将其中的字体颜色设置为绿色。

语法结构二:

$(selector).has(element)

参数列表:

参数 描述
element 含有的DOM元素。

实例代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript"> 

$(document).ready(function(){ 

  $("li").has(document.getElementsByTagName("span")).css("color","green"); 

}) 

</script>

</head>

<body>

<div>

  <ul>

    <li><span>HTML专区</span></li>

    <li class="js">Javascript专区</li>

    <li>Div+Css专区</li>

    <li>Jquery专区</li>

  </ul>

</div>

</body>

</html>

匹配含有span元素的li元素,并将其中的字体颜色设置为绿色。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JavaScript中URL编码函数代码
Jan 11 Javascript
JS实现将人民币金额转换为大写的示例代码
Feb 13 Javascript
js QQ客服悬浮效果实现代码
Dec 12 Javascript
jQuery实现自定义checkbox和radio样式
Jul 13 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
jQuery如何解决IE输入框不能输入的问题
Oct 08 Javascript
Javascript中click与blur事件的顺序详析
Apr 25 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
JavaScript实现淘宝京东6位数字支付密码效果
Aug 18 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
ant design 日期格式化的实现
Oct 27 Javascript
jQuery中map()方法用法实例
Jan 06 #Javascript
jQuery中is()方法用法实例
Jan 06 #Javascript
JavaScript中document对象使用详解
Jan 06 #Javascript
jQuery中Form相关知识汇总
Jan 06 #Javascript
使用VS开发 Node.js指南
Jan 06 #Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 #Javascript
JavaScript静态类型检查工具FLOW简介
Jan 06 #Javascript
You might like
带密匙的php加密解密示例分享
2014/01/29 PHP
浅谈ThinkPHP的URL重写
2014/11/25 PHP
PHP文件缓存smarty模板应用实例分析
2016/02/26 PHP
PHP children()函数讲解
2019/02/03 PHP
Javascript实例教程(19) 使用HoTMetal(7)
2006/12/23 Javascript
js内置对象 学习笔记
2011/08/01 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
老生常谈js动态添加事件--- 事件委托
2016/07/19 Javascript
JavaScript职责链模式概述
2016/09/17 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
2017/03/29 Javascript
javascript将list转换成树状结构的实例
2017/09/08 Javascript
node.js到底要不要加分号浅析
2018/07/11 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
在vs code 中如何创建一个自己的 Vue 模板代码
2020/11/10 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
[08:47]2018国际邀请赛 OG战队举杯时刻
2018/08/29 DOTA
python实现批量下载新浪博客的方法
2015/06/15 Python
python实现将excel文件转化成CSV格式
2018/03/22 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
python traceback捕获并打印异常的方法
2018/08/31 Python
python 异或加密字符串的实例
2018/10/14 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
python实现单张图像拼接与批量图片拼接
2020/03/23 Python
python中id函数运行方式
2020/07/03 Python
教你使用Canvas处理图片的方法
2017/11/28 HTML / CSS
联想新西兰官方网站:Lenovo New Zealand
2018/10/30 全球购物
皮肤科医师岗位职责
2013/12/04 职场文书
函授大学生自我鉴定
2014/02/05 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
入党积极分子自我批评思想汇报
2014/10/10 职场文书
批评与自我批评范文
2014/10/15 职场文书
校友回访母校寄语
2015/02/26 职场文书
优秀志愿者感言
2015/08/01 职场文书
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS