06_jQuery_内容过滤
生活随笔
收集整理的這篇文章主要介紹了
06_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")
?
轉載于:https://www.cnblogs.com/xiaojiujiu1999/p/7827810.html
總結
以上是生活随笔為你收集整理的06_jQuery_内容过滤的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 三极管稳压管组成的线性电源关键理解
- 下一篇: 2017-9-26 NOIP模拟赛