지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery

jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery

WBOY
풀어 주다： 2016-05-16 17:52:15
원래의
1092명이 탐색했습니다.

1. attr(속성 이름) //속성 값 가져오기(첫 번째로 일치하는 요소의 속성 값을 가져옵니다. 이 방법을 사용하면 첫 번째로 일치하는 요소에서 속성 값을 쉽게 가져올 수 있습니다. 요소에 해당 요소가 없는 경우 속성이면 정의되지 않은 값을 반환합니다. )

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

3. (속성명, 함수값) //속성의 함수값을 설정한다. (일치하는 모든 요소에 대해 계산된 속성값을 설정한다. 값을 제공하는 대신 함수를 제공하고, 이 함수에 의해 계산된 값을 속성으로 사용한다. value.)

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

샘플 코드:

코드 복사 코드는 다음과 같습니다. >< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xmlns="http://www.w3.org/1999/xhtml">

jquery의attr() 메소드



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


  • 사과


  • 파인애플


<script>... <BR>< /script> <BR></body> <BR><BR> <BR>1.attr(name)//속성 값 가져오기<BR><BR>1.1 attr 사용 (name)은 제목 값을 가져옵니다. <BR><BR><BR></script>

코드 복사


코드는 다음과 같습니다.
< ;script> alert($("ul li:eq(1)").attr("title"))
결과:


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



코드 복사jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery

코드는 다음과 같습니다. :
<script> <u>alert($("ul li:eq(1)").attr("alt")) </u></script> > 결과 :

2. attr(name,value) //속성 값 설정
2.1 attr(name,value)을 사용하여 제목 값 수정 to: 오렌지 먹지 마세요



코드 복사jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery

코드는 다음과 같습니다.
< script> $("ul li:eq(1)") .attr("title","오렌지를 먹지 마세요") alert($("ul li:eq(1)") .attr("title"));
결과:


3. attr(name,fn) //함수 설정 속성값
3.1 alt 속성값을 title 속성값으로 설정합니다.



코드 복사jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery

코드는 다음과 같습니다.
<script> "ul li :eq(1)").attr("title",function(){ return this.alt}) <a style="max-width:90%" data="92027" class="copybut" id="copybut92027" onclick="doCopy('code92027')">alert($("ul li:eq(1)").attr("title ")) ; <u></script> 결과:

4.attr(properties) //"name/ 형식으로 개체 설정 value"를 일치하는 요소의 모든 속성에 추가합니다.
4.1
    에서 두 번째
  • 를 가져오고 title 및 alt 속성을 설정합니다.



코드 복사
jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery
코드는 다음과 같습니다.

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

결과:

jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jqueryjquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery4.2
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿