> 웹 프론트엔드 > JS 튜토리얼 > jquery 새 요소 찾기 code_jquery

jquery 새 요소 찾기 code_jquery

WBOY
풀어 주다: 2016-05-16 18:23:37
원래의
1257명이 탐색했습니다.

검토
//html


//js
$('.dv').find('ul')->eq(0)->find('li')->each(function( i ){
var obj = $(this).find('a')->eq(0)
$em = $('');//새 em 요소
$ em.html(i);
$em.insertBefore(obj);//찾은 요소 앞에 새 요소를 삽입합니다.
})
정말 편리합니다! ! ! !

jQuery의 find 메소드에 대한 질문
find(expr)
 
지정된 표현식과 일치하는 모든 요소를 ​​검색합니다. 이 함수는 처리 중인 요소의 하위 요소를 찾는 좋은 방법입니다.
모든 검색은 jQuery 표현식을 사용합니다. 이 표현식은 CSS1-3 선택기 구문을 사용하여 작성할 수 있습니다.

반환 값
jQuery

매개 변수
expr(String):

찾는 데 사용되는 표현식

모든 단락에서 시작하여 추가로 범위 검색 아래 요소. $("p 스팬")과 동일합니다.
 
HTML 코드:

안녕하세요, 잘 지내세요?
jQuery 코드:

$("p").find("span")
결과 :
 
 [Hello] jquery query|jquery find element|jquery find object
#id 반환 값: 배열
#id
개요
주어진 ID를 기반으로 요소를 일치시킵니다.

선택기에 특수 문자가 포함된 경우 슬래시 두 개로 이스케이프할 수 있습니다. 예시를 참조하세요.

매개변수
idString
요소의 id 속성에 제공된 값으로 검색하는 데 사용됩니다.


설명:
"myDiv" 요소의 ID를 찾습니다.

HTML 코드:

id="notMe"

id="myDiv"
jQuery 코드:
$ ("#myDiv");결과:
[
id="myDiv"
] 설명:
특수 문자가 포함된 요소 찾기

HTML 코드:


jQuery 코드:
#foo\:bar
#foo\[bar\] #foo\. 반환 값: Array
요소 개요는 지정된 요소 이름을 기반으로 모든 요소와 일치합니다. 매개변수 elementString은 검색에 사용되는 요소입니다. DOM 노드를 가리키는 태그 이름입니다. 설명 예: DIV 요소를 찾습니다. HTML 코드:
DIV1
DIV2
SPAN
jQuery 코드: $("div") 결과: [
DIV1
,
DIV2 ].class 반환값: Array
.class 개요 주어진 클래스에 따라 요소를 일치시킵니다. 매개변수 classString은 검색할 클래스입니다. 요소는 여러 클래스를 가질 수 있으며 그 중 하나가 일치하는 한 일치할 수 있습니다. 설명 예: 클래스가 "myClass"인 모든 요소를 ​​찾습니다. HTML 코드:
div class="notMe"
div class="myClass"
span class="myClass"
jQuery 코드:$(".myClass"); 결과:[
div class="myClass", span class="myClass" ] selector1, selector2,selectorN 반환 값:Array
selector1,selector2,selectorN 개요 각 선택기와 일치하는 요소를 병합하여 함께 반환합니다. 원하는 만큼 선택기를 지정하고 일치하는 요소를 단일 결과로 결합할 수 있습니다. 매개변수 selector1Selector 유효한 선택기 selector2Selector 또 다른 유효한 선택기 selectorN (선택 사항) Selector 유효한 선택기의 수 제한 없음 예제 설명: 모든 클래스와 일치하는 요소를 찾습니다. HTML 코드:
div

p class="myClass"
span

p class="notMyClass"
jQuery 코드: $("div,span,p.myClass") 결과: [
div

,

p class="myClass", span
]
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿