分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

06_jQuery_内容过滤

发布时间:2023-09-06 01:24责任编辑:顾先生关键词:jQuery

HTML代码:

 ???<div>John Resig</div> ???<div>gggg resig</div> ???<div>Malcom John sinclai</div> ???<div>J.ohn</div> ???

jQuery代码:

 ???????$(function(){ ???????????$("div:contains(‘John‘)").css("text-decoration","underline");//div中包含John的文本,为其增加下划线 ???????????})

效果:

 HTML代码:

<table border="1"> ???????<tr> ???????????<td>TD #0</td> ???????????<td></td> ???????</tr> ???????<tr> ???????????<td>TD #2</td> ???????????<td></td> ???????</tr> ???????<tr> ???????????<td></td> ???????????<td>TD #5</td> ???????</tr> ???</table>

jQuery代码:

$(function(){ ???????????$("td:empty").text("jQuery添加的文本").css("background-color","red"); ???????????//找到div中的空元素,既无子便签和文本的元素,添加文本(jQuery添加的文本),并将背景颜色设置为红色 ???????????})

效果:

 HTML代码:

 ???<div><p>hello in a paragraph</p></div> ???<div>hello again!</div> ???????

jQuery代码:

 ???????$(function(){ ???????????$("div:has(p)").addClass("text"); ???????????//查找含有p标签的div,为这个div添加指定的样式 ???????})

css代码:

 ???.text{ ???????border:1px solid green; ???}

效果:

4.parent Selector

描述:选择所有含有子元素或者文本的父级元素

语法:jQuery(":parent")

06_jQuery_内容过滤

原文地址:http://www.cnblogs.com/xiaojiujiu1999/p/7827810.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved