jQuery를 .val () .attr VS ( '값')

해결법

1.객체들 특성과 개체 속성 사이에 큰 차이가있다

객체들 특성과 개체 속성 사이에 큰 차이가있다

) (.prop () .attr 대 : 몇 가지 차이점이 질문 (과 답변)를 참조하십시오

요점은 (...) 만 (html로이 생성) 시작시 개체 값을 받고 그 .attr입니다. 발 ()는 많은 시간을 변경할 수있는 객체의 속성 값을 받고있다.
2.jQuery를 1.6 이후 ATTR ()는 특성의 원래 값 (마크 업 자체 하나)를 반환한다. 당신은 현재 값을 얻기 위해 소품 ()를 사용합니다 :

jQuery를 1.6 이후 ATTR ()는 특성의 원래 값 (마크 업 자체 하나)를 반환한다. 당신은 현재 값을 얻기 위해 소품 ()를 사용합니다 :
```
var currentValue = $obj.prop("value");
```
그러나 발 ()를 사용하여 항상 동일하지 않습니다. 예를 들어, 값 요소는 실제로 선택한 옵션의 값은 <선택>. 발 ()는 고려가 필요하지만 소품은 ()하지 않습니다. 이 때문에, 발 ()이 바람직하다.
3.PS :이 위의 답변에 대한 답변하지만, 단지 보충이 아니다.

PS :이 위의 답변에 대한 답변하지만, 단지 보충이 아니다.

그냥 미래의 참조를 위해, 나는 우리의 의심을 취소하는 데 도움 수있는 좋은 예를 포함했다 :

다음을 시도하십시오. 이 예에서 나는 파일을 선택하는 데 사용할 수있는 다음 내가 선택하는 파일의 이름을 검색하려고된다 파일 선택기를 생성한다 HTML 코드는 다음과 같습니다 :
```
<html>
    <body>
        <form action="#" method="post">
            <input id ="myfile" type="file"/>
        </form>
        <script type="text/javascript" src="jquery.js"> </script>
        <script type="text/javascript" src="code.js"> </script>
    </body>
</html>
```
ATTR ( '값')와 jQuery 코드 :
```
$('#myfile').change(function(){
    alert($(this).attr('value'));
    $('#mybutton').removeAttr('disabled');
});
```
발과 jQuery 코드 () :
```
$('#myfile').change(function(){
    alert($(this).val());
    $('#mybutton').removeAttr('disabled');
});
```
산출:

ATTR ( '값')와 jQuery 코드의 출력 될 것이다 '미정의'. 발과 jQuery 코드의 출력은 () 파일 이름 당신이 선택한 것입니다.

설명: 지금 당신은 상단 답변을 전달하기 위해 원하는 것을 쉽게 이해할 수 있습니다. 초기 값은 정의되지 않도록 어떤 파일도 선택되지가 있었기 때문에 ATTR ( '값')와 jQuery 코드의 출력 될 것이다 '미정의'. 현재의 값을 가져옵니다 때문에 () 발을 사용하는 것이 좋습니다.

값이 '시험'이고 때문에 정의되지 않은 값이 HTML에서이 코드를 시도하고 당신이 지금 ATTR를 것을 볼 수 있습니다 반환되는 이유를 확인하기 위해. 항상 ( '값') 반환 '테스트', 이전에이 정의되지 않은되었다.
```
<input id ="myfile" type="file" value='test'/>
```
나는 당신에게 유용 바랍니다.
4.양식 필드의 값을 설정하고 얻을 수있는 적절한 방법 .val () 메소드를 사용한다.

양식 필드의 값을 설정하고 얻을 수있는 적절한 방법 .val () 메소드를 사용한다.
```
$('#field').val('test'); // Set
var value = $('#field').val(); // Get
```
jQuery를 1.6로 .prop라는 새로운 방법이있다 ().
5.다음의 예제에서 배울 수 있습니다. 이 = 기본 값으로 텍스트 입력 필드 수 "당신의 이름을 입력하십시오"하자

다음의 예제에서 배울 수 있습니다. 이 = 기본 값으로 텍스트 입력 필드 수 "당신의 이름을 입력하십시오"하자
```
var inp = $("input").attr("value");

var inp = $("input").val();
```
모두 "당신의 이름을 입력하십시오"를 반환합니다

그러나 당신이 당신의 브라우저에서 "호세"에 기본 텍스트를 변경 같아요.
```
var inp = $("input").attr("value");
```
여전히 기본 텍스트 즉 "당신의 이름을 입력"을 제공 할 것입니다.
```
var inp = $("input").val();
```
그러나 .val ()는 "호세", 즉 현재의 값을 반환합니다.

희망이 도움이.
6.jQuery를 핸들 요소 유형의 브라우저에 따라 올바른 값을 검색 할 수 있기 때문에 모든 입력 필드의 값을 얻기 위해, 당신은 항상 element.val $ ()를 사용한다.

jQuery를 핸들 요소 유형의 브라우저에 따라 올바른 값을 검색 할 수 있기 때문에 모든 입력 필드의 값을 얻기 위해, 당신은 항상 element.val $ ()를 사용한다.

7.

jQuery('.changer').change(function () {
    var addressdata = jQuery('option:selected', this).attr('address');
    jQuery("#showadd").text(addressdata);
});

8.

jQuery(".morepost").live("click", function() { 
var loadID = jQuery(this).attr('id'); //get the id 
alert(loadID);    
});

9.이 예 유용 할 수 있습니다 :

이 예 유용 할 수 있습니다 :

<스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"> <입력 ID = "테스트"TYPE = "텍스트"/> <버튼의 onclick = "testF ()">에서

'JQUERY' 카테고리의 다른 글

[JQUERY] 큰 따옴표 대 jQuery.parseJSON 따옴표 (0)	2020.10.12
[JQUERY] 나는이 이벤트를 제출 양식에서 제출 발생하는 버튼을 어떻게받을 수 있나요? (0)	2020.10.12
[JQUERY] 있는 jqGrid 크롬 / 크롬 프레임에서 제대로 렌더링하지 않습니다 (0)	2020.10.12
[JQUERY] 동적으로 생성 된 항목에 대해 작동하지를 클릭 JQuery와 [중복] (0)	2020.10.12
[JQUERY] jQuery를 사용하여 요소 유형을 변경하는 방법 (0)	2020.10.12

복붙노트

[JQUERY] jQuery를 .val () .attr VS ( '값')

jQuery를 .val () .attr VS ( '값')

해결법

1.객체들 특성과 개체 속성 사이에 큰 차이가있다

2.jQuery를 1.6 이후 ATTR ()는 특성의 원래 값 (마크 업 자체 하나)를 반환한다. 당신은 현재 값을 얻기 위해 소품 ()를 사용합니다 :

3.PS :이 위의 답변에 대한 답변하지만, 단지 보충이 아니다.

4.양식 필드의 값을 설정하고 얻을 수있는 적절한 방법 .val () 메소드를 사용한다.

5.다음의 예제에서 배울 수 있습니다. 이 = 기본 값으로 텍스트 입력 필드 수 "당신의 이름을 입력하십시오"하자

6.jQuery를 핸들 요소 유형의 브라우저에 따라 올바른 값을 검색 할 수 있기 때문에 모든 입력 필드의 값을 얻기 위해, 당신은 항상 element.val $ ()를 사용한다.

7.

8.

9.이 예 유용 할 수 있습니다 :

'JQUERY' 카테고리의 다른 글

티스토리툴바