Jquery에서 attr과 val의 차이점은 무엇입니까

차이점: 1. val 메소드는 수동으로 입력한 값을 얻을 수 있지만 attr 메소드는 얻을 수 없습니다. 2. val을 사용하여 값을 할당하는 경우 val 메소드를 사용하여 값을 얻을 수 있지만 attr 메소드는 이를 얻을 수 없습니다. 3. attr을 사용하여 값을 할당할 때 입력 값을 수동으로 변경하면 val은 최신 값을 얻을 수 있지만 attr은 여전히 ​​초기 값을 얻습니다.

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 attr과 val의 차이점은 무엇인가요

결론부터 말씀드리고 코드 분석을 올려보겠습니다. 차이점은 다음과 같습니다.

1.val은 수동으로 입력한 값을 얻을 수 있지만 attr은 얻을 수 없습니다

2. 값을 할당하려면 val을 사용하고, attr은 가져올 수 없습니다.

3. attr을 사용하여 값을 할당하면 val과 attr 모두 수동으로 값을 가져올 수 있습니다. attr이 읽는 것은 여전히 ​​attr이 처음에 할당한 값입니다

수동으로 먼저 숫자를 입력하고

그런 다음 val()과 attr("value")를 사용하여 인쇄합니다

console.log("这个是val： "+$("#jibengongzi").val());
console.log("这个是attr："+$("#jibengongzi").attr("value"));

attr("value")는 수동으로 입력한 값을 가져올 수 없음을 알 수 있습니다

다음 val()을 사용하여 값을 할당합니다(ruleForm.jibengongzi는 숫자입니다)

$("#jibengongzi").val(ruleForm.jibengongzi);

그런 다음 인쇄하고

그런 다음 attr을 사용하여 값을 할당합니다.

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

또한 사용 중에 attr에 약간의 버그가 있어 이를 사용할 수 없습니다. js는 입력 상자에 값을 할당합니다. 구체적인 이유는 모르겠습니다. .모두 val로 변경하면 괜찮습니다. 이 글은 개인적인 학습 기록일 뿐입니다. 궁금한 점이 있으면 지적해 주시고 함께 학습하며 진행해 보세요

추천 관련 동영상 튜토리얼:jQuery 동영상 튜토리얼

위 내용은 Jquery에서 attr과 val의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!