지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

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

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
    에서 두 번째


  • 코드 복사 코드는 다음과 같습니다.
    <script> "ul li :eq(1)").attr({className:"lili"}) <br></script>


    결과:


    jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery 4.3
      에서 두 번째
    • 의 설정 ID를 가져옵니다.
      <script></strong>$("ul li:eq(1)").attr({id:"lili"});<br></script>

      결과:

      jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jquery
      4.4
        에서 두 번째
      • 설정 스타일을 가져옵니다.
        <script></strong>$("ul li:eq(1)").attr({style:"color:red"});<br></script>

        결과:

        jquery는 사용자 정의 속성(attr 및 prop)의 구현 코드를 가져옵니다._jqueryli에 alt를 추가하는 것은 잘못되었습니다. img, 영역 및 입력 요소(애플릿 요소 포함)에서만 사용할 수 있습니다. 입력 요소의 경우 alt 속성은 제출 버튼 이미지를 대체하기 위한 것입니다. 여기서는 attr() 메소드를 자세히 설명하기 위해 적합한 속성이 없으므로 alt를 예시로 사용합니다. attr() 메소드 사용법을 학습하고 참고하기 위한 용도로만 사용됩니다.


        alt와 tite의 차이점은 다음과 같습니다.
        alt: 그래픽을 설명하는 데 사용되는 텍스트입니다. 그림을 표시할 수 없는 경우 그림 대신 이 텍스트가 표시됩니다. 마우스를 이미지 위로 이동하면 텍스트도 표시됩니다.
        제목 : 마우스를 올렸을 때 표시되는 텍스트입니다.

        속성을 삭제하는 방법은 무엇인가요?

        jquery에서 속성을 삭제하는 키워드는 다음과 같습니다. A는 대문자로 표시됩니다.

        동일합니다. 첫 번째 사용법 html 코드에서 li의 title 속성을 삭제하려고 하므로 다음과 같이 됩니다.


        코드 복사 코드는 다음과 같습니다.
        인기 튜토리얼
        더>
        관련 튜토리얼
        인기 추천
        최신 강좌
        최신 다운로드
        더>
        웹 효과
        웹사이트 소스 코드
        웹사이트 자료
        프론트엔드 템플릿