5가지 값 가져오기 방법: 1. "element object.text()"를 사용하여 지정된 요소의 텍스트 콘텐츠를 가져옵니다. 2. "element object.html()"을 사용하여 요소에 태그가 포함된 콘텐츠를 가져옵니다. 3. "input "Box element.val()"을 사용하여 사용자 입력 내용을 얻습니다. 4. "Element object.attr("속성 이름")"을 사용하여 지정된 속성의 값 등을 얻습니다.
이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.
jquery에서 값을 얻는 방법은 여러 가지가 있습니다. 아래에서 소개해드리겠습니다.
1. 요소의 콘텐츠 값을 가져오는 두 가지 방법: text() 또는 html()
text() 메서드는 선택한 요소의 텍스트 콘텐츠를 반환할 수 있습니다.
html() 메서드는 선택한 요소의 콘텐츠(innerHTML)를 반환할 수 있습니다.
예: text()를 사용하여 텍스트 콘텐츠를 가져오고, html()을 사용하여 태그가 포함된 콘텐츠를 가져옵니다
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("p").text());
console.log($("p").html());
});
});
</script>
</head>
<body>
<button>获取p元素的内容</button>
<p>这是一个<b>段落</b>。</p>
</body>
</html>
2. 입력 입력 상자의 입력 값을 가져옵니다
입력 입력 상자는 값 속성 제어에 의해 결정됩니다. 이는 val() 메서드를 사용하여 직접 얻을 수도 있고 attr("value") 메서드를 사용하여 얻을 수도 있습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script ></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("input[type=text]").val());
console.log($("input[type=password]").attr("value"));
});
});
</script>
</head>
<body>
<button>获取input元素的内容</button>
<p>用户名: <input type="text" name="user" value="李华" /></p>
<p>密 码: <input type="password" name="password" value="123456" /></p>
</body>
</html>
3. 요소 속성 값 가져오기
요소 속성 값은 두 가지 방법으로 얻을 수 있습니다:
attr() 메서드
prop() 메서드
차이: 있음 사실 체크됨, 선택됨, 비활성화됨 등 값과 false가 있는 두 개의 Boolean 속성을 연산하려면 prop() 메서드를 사용하는 것이 좋으며, 다른 속성은 attr() 메서드를 사용하여 연산하는 것이 좋습니다.
예 1: attr()을 사용하여 일반 속성 값 가져오기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script ></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("input").attr("name"));
});
});
</script>
</head>
<body>
<button>获取name属性值</button>
<p>用户名: <input type="text" name="user" value="李华" /></p>
</body>
</html>
예 2: prop()을 사용하여 부울 속성 값 가져오기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(document).ready(function() {
$("button").click(function() {
console.log($("input").prop("disabled"));
});
});
</script>
</head>
<body>
<button>获取disabled属性值</button>
<p>密 码: <input type="password" name="password" value="123456" disabled /></p>
</body>
</html>
[권장 학습: jQuery 비디오 튜토리얼 、웹 프론트엔드 비디오】
위 내용은 jquery의 값 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
React의 한계는 무엇입니까?May 02, 2025 am 12:26 AM반응 말 : 1) asteeplearningcurveduetoitsvastecosystem, 2) Seochallengswithclient-siderendering, 3) PlatiperFormanceIssUseInlargeApplications, 4) ComplexStateManagementAsAppSgrow, 및 5) theneedTokeEpupWithitsHouou
React의 학습 곡선 : 새로운 개발자를위한 도전May 02, 2025 am 12:24 AMReactisChallengingforbeginnersdueToitssteePlearningCurveanDParadigMshiftTocomponent 기반 Architection.1) 시작된 문서화 forasolidFoundation.2) startWithOficialDocumentationForAsolIdfoundation.2) 이해를 이해하는 방법
React에서 동적 목록을위한 안정적이고 고유 한 키 생성May 02, 2025 am 12:22 AMthecorechallengeenderatingStableanduniquekysfordynamiclistsinconsengingconsententifiersacrossre-rendersforefficialdomupdates
JavaScript 피로 : React 및 그 도구로 최신 상태를 유지합니다May 02, 2025 am 12:19 AMJavaScriptFatigueInreactismanageablewithstrestriveStriveStriveStiMelearningandcuratedInformationSources.1) 1))
usestate () 후크를 사용하는 테스트 구성 요소May 02, 2025 am 12:13 AMTOTESTREACTCOMPONENTSUSINSUSISTATEHOOK, useJestAndReactTestingLibraryTosimulationInteractionsandStateChangeSintheUI.1) renderTheComponentAndCheckInitialState.2) SimulateUserActionSlikeClickSorformSubMissions.3) verifyTateRecerFectsin
React의 키 : 성능 최적화 기술에 대한 깊은 다이빙May 01, 2025 am 12:25 AMkeysinReactareCrucialforopiTizingPerformanceByIningIneficiveliceListEpdates.1) uskeyStoIndifyAndTrackListElements.2) revingArrayIndiceSkeyStopReverFormanceSues.3) 선택 가능한 식당 LikeItesteM.idtomaintaintAteAndimProvePerform
React의 열쇠는 무엇입니까?May 01, 2025 am 12:25 AMRenderingListStoimproverCiliationeficiency를 사용하면 RECTKEYSAREUNIQUEINDIFIERSEDS (1) ISHELPREACTTRACKCHANGENLISTEMS, 2) 사용 ASSABLEANDUNICEIDERIDERSISTEMIDSISRECEMENDEND, 3) RepoySingArrayIndicesAskeyStopReventIsseswithReAdering 및 4) ENS
React에서 고유 키의 중요성 : 일반적인 함정 방지May 01, 2025 am 12:19 AM고유 한 KeysAreCrucialInreactforoptoropiTizing and ComponentStateIntegrity
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
Atom Editor Mac 버전 다운로드
가장 인기 있는 오픈 소스 편집기
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구
맨티스BT
Mantis는 제품 결함 추적을 돕기 위해 설계된 배포하기 쉬운 웹 기반 결함 추적 도구입니다. PHP, MySQL 및 웹 서버가 필요합니다. 데모 및 호스팅 서비스를 확인해 보세요.
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
