>웹 프론트엔드 >JS 튜토리얼 >요소 특성 및 Content_jquery를 수정하는 jQuery 3과 코드

요소 특성 및 Content_jquery를 수정하는 jQuery 3과 코드

WBOY
WBOY원래의
2016-05-16 18:32:321126검색

1. 작업 속성
위에서는 필수 요소를 필터링하는 방법을 설명합니다. 요소를 가져온 후에는 해당 요소에 대해 작업을 수행해야 합니다. 일반적인 요구 사항은 획득한 요소 집합을 반복하고 각 요소에 대해 작업을 수행하는 것입니다. jQuery에서 제공하는 함수는
each(iterator)입니다. 여기서 iterator는 요소의 개수를 나타내는 정수를 매개변수로 받아들이는 함수입니다. 간단한 예를 살펴보겠습니다.

코드 복사 코드는 다음과 같습니다.



jQuery 작업




결과는 다음과 같습니다.


속성을 삭제하려면 RemoveAttr(name) 메소드를 사용하세요. image속성 중에는 특별한 속성 클래스가 있다는 점 참고해주세요. class 속성은 매우 일반적으로 사용되며 JavaScript에서는 키워드로 사용됩니다. 클래스 속성에 액세스하려면 클래스 대신 className을 사용하십시오. 예: $('img').attr('className', 'photo'); 클래스는 다른 속성과 다릅니다. 예를 들어 class='big Strong '은 공백으로 구분된 여러 클래스를 가질 수 있습니다. , 클래스는 특별하고 일반적으로 사용되기 때문에 jQuery에는 클래스 속성을 처리하는 특별한 방법이 있습니다.
addClass(names), 클래스 추가,
removeClass(names), 클래스 삭제
toggleClass(names), 요소에 클래스가 있으면 삭제하고, 그렇지 않으면 추가합니다.
이름은 공백으로 구분된 여러 클래스 이름으로 구성될 수 있는 문자열입니다. addClass 및 RemoveClass는 예제를 제공하지 않고도 사용하기 쉽습니다. 아래 예제를 살펴보겠습니다. html 코드는 여전히 위의 내용을 사용합니다.



코드 복사
코드는 다음과 같습니다.
="text/javascript ">
$(function() {
$('td:odd').append($('span'));
$('div:first') .append($( 'p')).append('하위 제목')
});


1
2

Hello JQuery
>

최종 결과는 다음과 같습니다.




append 메소드의 반대 방향으로 매개변수를 추가하는appendTo(target)도 있습니다. 호출자에게, 그리고appendTo 호출자는 매개변수를 내부적으로 추가합니다. Append 및 AppendTo와 유사한 메소드 쌍이 여러 개 있습니다:
prepend, prependTo:append 메소드. 대상 요소 내부에 다른 요소가 있는 경우 추가된 요소는 원래 요소의 끝에 있으며 prepend는 다음과 같습니다. 앞에.
before, insertBefore: 대상 요소 내부가 아닌 앞에 삽입합니다. imageafter, insertAfter: 대상 요소 뒤에 삽입합니다.

요소를 삭제하려면 제거 또는 비우기 방법을 사용할 수 있습니다. 제거는 페이지에서 선택한 요소를 삭제하고 이러한 요소를 반환 값으로 반환합니다. 이러한 요소는 추가 작업을 수행하거나 추가와 같은 메서드를 사용하여 페이지에 다시 표시될 수 있습니다. 요소.

3. 양식 요소의 값을 조작하는 방법
양식 요소의 값을 조작하는 것은 매우 일반적이지만 쉽지 않습니다. jQuery는 작업을 단순화하기 위해 val 메서드를 제공합니다. 매개 변수가 없는 val() 메서드는 현재 요소의 값을 반환합니다. val(values) 메소드는 현재 요소의 값을 값으로 설정하는 데 사용됩니다. 값이 배열인 경우 선택 요소의 값을 일치시키는 데 사용됩니다. 값에 포함되어 선택됩니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사:javascript는 청취 핸들러 함수가 false_javascript 팁을 반환하더라도 양식이 여전히 제출되는 문제를 해결합니다.다음 기사:javascript는 청취 핸들러 함수가 false_javascript 팁을 반환하더라도 양식이 여전히 제출되는 문제를 해결합니다.

관련 기사

더보기