jquery에서 이름 속성 값을 삭제하는 방법-프런트엔드 Q&A-php.cn

jquery에서 이름 속성 값을 삭제하는 방법

青灯夜游

풀어 주다： 2022-09-27 18:07:59

원래의

1763명이 탐색했습니다.

두 가지 방법: 1. attr()을 사용하여 name 속성의 값을 수정하고 이를 null 문자로 설정합니다. 구문은 "$(selector).attr("name","");"입니다. 2. prop()을 사용하여 name 속성의 값을 수정하고 이를 빈 문자로 설정합니다. 구문은 "$(selector).prop("name","");"입니다.

jquery에서 이름 속성 값을 삭제하는 방법

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

HTML 이름 속성

name은 주로 양식 요소에만 존재하는 속성입니다.

name 속성은 양식 요소(예: 입력)의 이름을 지정합니다.

name 속성은 양식 데이터가 서버에 제출된 후 이를 식별하거나 클라이언트에서 JavaScript를 통해 양식 데이터를 참조하는 데 사용됩니다.

참고: 이름 속성이 설정된 양식 요소만 양식을 제출할 때 해당 값을 전달할 수 있습니다.

jquery는 이름 속성 값을 삭제합니다

이름 속성 값을 삭제한다는 것은 이름 속성 값을 지우는 것, 즉 빈 문자로 설정하는 것으로 이해될 수 있습니다.

그리고 jquery는 속성 값 설정을 위한 두 가지 함수를 제공합니다:

attr()
prop()

방법 1: attr()을 사용하여 속성 값 설정 

attr() 구문:

//单个属性
$(selector).attr("属性名","新属性值");

//多个个属性
$(selector).attr({属性1:"新值",属性2:"新值"....});

로그인 후 복사

예: 이름 속성 값을 수정하고 빈 문자로 설정

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="js/jquery-3.6.1.min.js"></script>
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("input").attr("name","");
                });
            });
        </script>
    </head>
    <body>
        <form action="form_action.asp" method="get">
          <p>name：<input type="text" name="fullname" /></p>
          <p>email：<input type="text" name="email" /></p>
        </form>
        <button>删除name属性值</button>
    </body>
</html>

로그인 후 복사

jquery에서 이름 속성 값을 삭제하는 방법

방법 2: prop()을 사용하여 속성 값 설정

prop() 구문:

//单个属性
$(selector).prop("属性名","新值");

//多个个属性
$(selector).prop({属性1:"新值",属性2:"新值"....});

로그인 후 복사

예: name 속성의 값을 수정하고 빈 문자로 설정합니다.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <script src="js/jquery-3.6.1.min.js"></script>
        <script>
			$(document).ready(function() {
				$("button").click(function() {
					$("input").prop("name","");
				});
			});
        </script>
    </head>
    <body>
        <form action="form_action.asp" method="get">
          name：<input type="text" name="name" /><br />
          email：<input type="text" name="email" /><br />
		  password：<input type="password" name="password" /><br />
        </form><br />
        <button>删除name属性值</button>
    </body>
</html>

로그인 후 복사

jquery에서 이름 속성 값을 삭제하는 방법

jquery prop()과 attr()의 차이점:

attr() 정의

attr() 메소드가 설정되거나 반환됩니다. 요소의 속성과 값을 선택합니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

이 방법을 사용하여 속성 값을 설정하면 일치하는 요소에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

prop() 정의

prop() 메소드는 선택한 요소의 속성과 값을 설정하거나 반환합니다.

이 메서드를 사용하여 속성 값을 반환하면 일치하는 첫 번째 요소의 값이 반환됩니다.

이 방법을 사용하여 속성 값을 설정하면 일치하는 요소 집합에 대해 하나 이상의 속성/값 쌍이 설정됩니다.

$('').attr()은 html 객체를 반환합니다. $('').attr()返回的是html对象
$('').prop()返回的是DOM对象

prop()

方法操作radio（checkbox）之类的控件，让其选中的时候，其控件选中的值也会随之改变。即既可以控制其选中，也能控制其取消选中；

类似于$("...").attr("checked");返回的是true或者false

如果有相应的属性，返回的是该属性，如果没有则返回空串

attr()：

方法操作adio（checkbox）之类的控件，让其选中的时候，其控件选中的值不会随之改变。即只能控制其选中，不能控制其取消选中；

类似于$("...").attr("checked");

$('').prop()은 DOM 객체를 반환합니다.

prop()

메소드가 라디오(체크박스)와 같은 컨트롤을 작동시키는 경우 해당 컨트롤의 선택된 값도 이에 따라 변경됩니다. 즉, 선택과 선택 취소를 모두 제어할 수 있습니다.

는 $("...").attr("checked");와 유사하며 true 또는 false를 반환합니다. 해당 속성이면 속성이 반환됩니다. 그렇지 않으면 빈 문자열이 반환됩니다.

attr(): jquery에서 이름 속성 값을 삭제하는 방법

메서드는 adio(체크박스)와 같은 컨트롤을 작동하여 선택합니다. , 해당 컨트롤의 선택된 값은 그에 따라 변경되지 않습니다. 즉, 선택만 제어할 수 있지만 선택 취소는 할 수 없습니다. 는 $("...").attr("checked");와 유사하며 'checked' 또는 정의되지 않음을 반환합니다. 해당 속성이 있으면 속성이 반환됩니다. 그렇지 않으면 정의되지 않은 속성이 반환됩니다.

🎜🎜1 속성 이름을 추가하면 속성이 적용됩니다. ); 🎜🎜2. true와 false의 두 가지 속성이 있습니다. (예: 'checked', 'selected', 'disabled' 등) 🎜🎜3. 🎜🎜공식 추천: 🎜🎜🎜🎜🎜 [추천 학습: 🎜jQuery 동영상 튜토리얼🎜, 🎜웹 프론트엔드 동영상🎜]🎜

위 내용은 jquery에서 이름 속성 값을 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!