jquery 콘텐츠 필터링-JS 튜토리얼-php.cn

jquery 콘텐츠 필터링

无忌哥哥

풀어 주다： 2018-06-29 11:25:53

원래의

1610명이 탐색했습니다.

<body>
<h2>春晓</h2><span></span>
<p>春眠不觉晓，处处闻啼鸟。</p>
<p>夜来风雨声，花落知多少</p>
<p>我的女神:<img src="../images/gyy.jpg" width="150"></p>
<p>我想对圆圆:<input type="" name=""><button>提交</button></p>
</body>

로그인 후 복사

<script type="text/javascript" src="../js/jquery-3.3.1.js"></script>
<script type="text/javascript">

로그인 후 복사

//1. 지정된 텍스트 콘텐츠가 포함된 요소 선택

$(&#39;p:contains(\&#39;春\&#39;)&#39;).addClass(&#39;bg-wheat&#39;)
$(&#39;p:contains("春")&#39;).addClass(&#39;bg-wheat&#39;)
$(&#39;p:contains("风")&#39;).addClass(&#39;bg-green&#39;)

로그인 후 복사

//2. 빈 콘텐츠가 있는 태그를 선택하세요. 비어 있으면 텍스트 콘텐츠도 포함되지 않음을 의미합니다.

$(&#39;:empty&#39;).text(&#39;作者:孟浩然&#39;)

로그인 후 복사

//3. img 태그(그림)의 p 요소에 배경을 추가합니다.

$(&#39;p:has("img")&#39;).addClass(&#39;bg-pink&#39;)

로그인 후 복사

//4. p가 상위 요소인 모든 노드를 선택하고 녹색 배경을 추가합니다.

$(&#39;p:parent&#39;).addClass(&#39;bg-green&#39;)

로그인 후 복사

//5. 필터를 반전하고 선택합니다. 페이지 내용이 비어 있지 않은 모든 요소의 경우 전경색이 빨간색으로 변경됩니다

$(&#39;:not(:empty)&#39;).css(&#39;color&#39;,&#39;red&#39;)

로그인 후 복사

</script>

로그인 후 복사

위 내용은 jquery 콘텐츠 필터링의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

jquery 콘텐츠 필터링