jquery를 사용하여 내용을 수정하는 방법: 1. jquery attr() 메서드를 통해 선택한 요소의 속성 값을 설정합니다. 2. jquery text() 메서드를 통해 선택한 요소의 텍스트 콘텐츠를 설정합니다.
이 기사의 운영 환경: windows7 시스템, jquery 버전 3.2.1, DELL G3 컴퓨터
jquery로 내용을 수정하는 방법은 무엇입니까?
jquery를 사용하여 태그의 href 링크와 텍스트를 수정합니다.
href 링크와 태그의 텍스트를 수정하는 다음 코드:
<script type="text/javascript" src="http:/keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
원본 링크:
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义</a>
태그의 href 링크를 수정합니다.
$('#home_keleyi_com').attr('href','http://keleyi.com');
텍스트 수정:
$("#home_keleyi_com").text('柯乐义首页');수정된 링크는 다음과 같습니다.
<a href="http://keleyi.com" id="home_keleyi_com">柯乐义首页</a>
다음은 전체 코드입니다.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jquery修改链接--柯乐义</title> <script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script> </head> <body>
jquery는 a 태그의 href 링크와 텍스트를 수정하려면 먼저 아래 링크를 클릭하세요.
그런 다음 "변경" 버튼을 클릭하고 다음을 클릭하세요. 아래 링크를 한 번 클릭하고 페이지를 두 번 열 때의 차이점에 주의하세요.