jQuery学習ノート2:セレクタ
10682 ワード
セレクタはjQueryのコアであり、1つ以上のDOMノードへの迅速な位置決めを支援します.
IDで検索
IDで検索
// :
var div = $('#abc');
#abc # 。 jQuery 。jQuery ， DOM 。
// id abc ， jQuery
["abc">...]
// id abc ， jQuery
[]
jQuery undefined null， if (div === undefined)。
jQuery DOM ：
var div = $('#abc'); // jQuery
var divDom = div.get(0); // div， 1 DOM
var another = $(divDom); // DOM jQuery
tagで var ps = $('p'); //
ps.length; //
classで
classで する class の に.を します.var a = $('.red'); // `class="red"`
// :
// "red">...
// "green red">...
redとgreenを に むノードを します.var a = $('.red.green'); // ！
// ：
// "red green">...
// "blue green red">...
var email = $('[name=email]'); // ?? name="email">
var passwordInput = $('[type=password]'); // ?? type="password">
var a = $('[items="A B"]'); // ?? items="A B">
の にスペースなどの が まれている は、 で む があります.
では、 または を して することもできます.var icons = $('[name^=icon]'); // name icon DOM
// : name="icon-1", name="icon-2"
var names = $('[name$=with]'); // name with DOM
// : name="startswith", name="endswith"
グループ inputのnameがemailの を します.var emailInput = $('input[name=email]'); // "email">
tag class ：
var tr = $('tr.red'); // "red ...">...
たじゅうセレクタ
のセレクタは、 のセレクタを,で み わせて します.$('p,div'); //
$('p.red,p.green'); //
があるかもしれません