Latest web development tutorials

jQuery를 선택

jQuery를 선택기 그룹 HTML 요소 또는 작동하는 하나의 요소로 할 수 있습니다.

jQuery를 선택

jQuery를 선택기 그룹 HTML 요소 또는 작동하는 하나의 요소로 할 수 있습니다.

요소 ID, 클래스, 종류, 특성에 기초 jQuery를 선택 속성 값 등 HTML 요소 "찾기"(또는 선택). 이것은 기존에 기초 CSS 선택기 , 또한, 일부 사용자 선택기를 갖는다.

모든 jQuery를 선택기는 달러 기호로 시작 : $를 ().

선택기

jQuery를 선택기는 요소 이름에 따라 요소를 선택합니다.

페이지의 모든 <p> 요소를 선택합니다 :

$("p")

예

사용자는 모든 <p> 요소가 숨겨져있는 버튼을 클릭 :

예

$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});

»시도

#ID 선택

jQuery를는 셀렉터에게 HTML 엘리먼트의 id 속성에 의해 지정된 선택 요소 #ID.

당신이 #ID 선택을 통해 페이지 내의 요소만을 선택 할 수 있도록 페이지에서 아이디 요소는 고유해야합니다.

다음 구문 요소를 선택하여 ID :

$("#test")

예

사용자가 버튼을 클릭하면, 요소는 ID = "테스트"속성이 숨겨집니다있다 :

예

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

»시도

의 .class 선택

jQuery를 클래스 선택자는 지정된 클래스에 의한 요소를 찾을 수 있습니다.

구문은 다음과 같습니다

$(".test")

예

사용자 클래스 = "테스트"모든 요소를 ​​한 후 버튼을 클릭하여 숨겨진 속성은 다음과 같습니다 :

예

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});

»시도

더 많은 예제

语法 描述 实例
$("*") 选取所有元素 在线实例
$(this) 选取当前 HTML 元素 在线实例
$("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例
$("p:first") 选取第一个 <p> 元素 在线实例
$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素 在线实例
$("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素 在线实例
$("[href]") 选取带有 href 属性的元素 在线实例
$("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素 在线实例
$("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 在线实例
$(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素 在线实例
$("tr:even") 选取偶数位置的 <tr> 元素 在线实例
$("tr:odd") 选取奇数位置的 <tr> 元素 在线实例

jQuery를 함수를 사용하여 별도의 파일

귀하의 사이트가 많은 페이지를 포함하고 당신이 원하는 경우 jQuery를 기능 때문에 별도의 .js 파일로 jQuery를 기능을 넣어주세요, 유지 보수가 용이하다.

우리가 jQuery를 튜토리얼에서 설명하면, 함수는 <HEAD> 섹션에 직접 추가됩니다. 그러나 더 나은이 (src 속성에 의해 참조 된 파일) 등이 될 것입니다 별도의 파일에 넣어 :

예

<head>
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>