selektor jQuery
jQuery Selector pozwala na elementy HTML grupy lub pojedynczego elementu do działania.
selektor jQuery
jQuery Selector pozwala na elementy HTML grupy lub pojedynczego elementu do działania.
selektor jQuery oparte na elementach ID, klas, typów atrybutów, wartości atrybutów, i tak dalej "Znajdź" (lub wybierz) elementy HTML. Jest on oparty na istniejących przełączników CSS , a ponadto ma ona też pewne własne selektora.
Wszystkie selektorów jQuery zaczynać się od znaku dolara: $ ().
selektory
selektorów jQuery wybierz elementy, na podstawie nazwy elementu.
Zaznacz wszystkie <p> elementów na stronie:
Przykłady
Użytkownik kliknie przycisk, wszystkie <p> elementy są ukryte:
Przykłady
$("button").click(function(){
$("p").hide();
});
});
Spróbuj »
Selektor ID
jQuery ID selektorów wybierz elementy określone przez atrybut id elementu HTML.
Elementy identyfikator strony powinien być unikalny, więc chcesz, aby wybrać tylko te elementy strony poprzez selektor ID.
Id wybierając następujące elementy składni:
Przykłady
Kiedy użytkownik kliknie przycisk, elementy mają atrybut id = "test" zostaną ukryte:
Przykłady
$("button").click(function(){
$("#test").hide();
});
});
Spróbuj »
Selektor .class
selektor jQuery klasy mogą znaleźć element o określonej klasie.
Składnia jest następująca:
Przykłady
Użytkownik klika przycisk po wszystkich elementach class = "test" ukryte cechy:
Przykłady
$("button").click(function(){
$(".test").hide();
});
});
Spróbuj »
Więcej przykładów
| 语法 | 描述 | 实例 |
|---|---|---|
| $("*") | 选取所有元素 | 在线实例 |
| $(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> 元素 | 在线实例 |
Oddzielny plik za pomocą funkcji jQuery
Jeśli witryna zawiera wiele stron, a chcesz, aby funkcja jQuery jest łatwa w utrzymaniu, więc proszę umieścić swoje funkcje jQuery w osobnym pliku .js.
Kiedy wykazać w tutorialu jQuery funkcja zostaną dodane bezpośrednio do sekcji <head>. Jednakże, umieścić je w oddzielnym pliku będzie lepiej, jak to (plik odwołuje atrybutu src):
Przykłady
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>