jquery는 사용자 정의 속성(attr 및 prop)을 가져옵니다.-JS 튜토리얼-php.cn

$("form").attr("check"); $("form").prop("check"); 둘 다 허용되지만 새 버전의 jquery에서는 둘 다 좋습니다. 거의 동일합니다. 제가 찾은 유일한 차이점은 확인란을 사용할 때 prop을 사용해야 한다는 것입니다. 그렇지 않으면 IE 브라우저가 호환되지 않습니다.

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

 head runat="server"> 
 
< ;script> 
// var J = $("div[lang]").get() 
// Alert($("[data-url]:eq(2)").attr( "data-url")); 
$("[data-url]").each(function () { 
alert($(this).attr("data-url")); }) ; 
// $("[data-url]").each(function () { 
// Alert($(this).prop("data-url")); // }); 

첨부: jquery attr() 메소드
attr() 메소드는 jquery에서 요소 속성을 가져오고 설정하는 데 사용됩니다. attr은 attribute의 약어입니다. attr()은 jQuery DOM 작업에 자주 사용됩니다. attr()에는 4개의 표현식이 있습니다. 

1.

attr(
속성 이름)
//속성 값 가져오기(첫 번째 일치하는 요소의 속성 값 가져오기. 이 방법은 첫 번째 일치부터 쉽게 시작할 수 있습니다. 요소 요소의 속성 값을 가져옵니다. 요소에 해당 속성이 없으면 정의되지 않은 값이 반환됩니다.

2. attr(속성 이름, 속성 값) //속성 값을 설정합니다. (일치하는 모든 요소에 대해 속성 값을 설정합니다.)

3. attr(속성 이름,함수 값

)

//속성의 함수 값 설정(일치하는 모든 요소에 대해 계산된 속성 값 설정) .값을 제공하는 대신 함수를 제공하고, 이 함수로 계산된 값을 속성값으로 사용합니다. 4.attr(properties) //지정된 요소에 대해 여러 속성 값을 설정합니다. 즉, {속성 이름 1: "속성 값 1", 속성 이름 2: "속성 값 2”, … … }. (이것은 일치하는 모든 요소에 걸쳐 많은 속성을 일괄적으로 설정하는 가장 좋은 방법입니다. 객체의 클래스 속성을 설정하려면 'className'을 속성 이름으로 사용해야 합니다. 또는 'class'를 직접 사용할 수 있습니다. 또는 '아이디' )

샘플 코드:

코드 복사

코드는 다음과 같습니다. 🎜>< ;html xmlns="http://www.w3.org/1999/xhtml"> jquery

>< ;body>

가장 좋아하는 과일은 무엇인가요?

사과

파인애플

코드 복사

코드는 다음과 같습니다.

1.2 attr(name)을 사용하여 대체 값을 가져옵니다.

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

결과:

2. attr(name,value) //속성 값 설정

2.1 제목 값을 수정하려면 attr(name,value)을 사용하세요. to: 오렌지 먹지 마세요

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

<script> <br>$ ("ul li:eq(1)").attr("title","오렌지 먹지 마세요") <br>alert($("ul li:eq(1) )").attr("title")) ; <br></script>

결과:

3. attr(name,fn) //속성 함수 값 설정

3.1 alt 속성 값을 title 속성 값으로 설정합니다.

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

<script> >$( "ul li:eq(1)").attr("title",function(){ return this.alt}) <br>alert($("ul li:eq(1)").attr ("제목")); <br></script>

결과:

4.attr(properties) //"이름/값" 형태의 객체를 일치하는 모든 요소의 속성으로 설정

4.1 Get 는 제목과 대체 속성을 설정합니다.

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

<script> >$( "ul li:eq(1)").attr({title:"오렌지 주스를 마시지 마세요",alt:"Not 123"}) <br>alert($("ul li:eq( 1)").attr("제목")); <br>alert($("ul li:eq(1)").attr("alt")); <br></script>
 
결과: