JavaScript/jQuery/API/セレクターの変更点

追加された行はこの色です。
削除された行はこの色です。
JavaScript/jQuery/API/セレクターへ行く。
JavaScript/jQuery/API/セレクターの差分を削除

* セレクタ [#z04e2d52]
** 複数の要素 [#u59b007e]
 var h_tags = $('h1, h2, h3');

** 親子関係にある要素 [#s456f2bf]
 var lis = $('ul>li');

** 子孫関係ににある要素 [#vdbbae12]
 var inputs = $('form input);

** リストになっている要素 [#l1bd7e0e]
 var first_li = $('li:first');           // リストの最初の要素
 var last_li  = $('li:last');            // リストの最後の要素
 var even_lis = $('li:even');            // リストの偶数番目の要素
 var odd_lis  = $('li:odd');             // リストの奇数番目の要素
 var third_li = $('li:eq(2));            // 添え字で指定する要素（添え字は0スタート）
 var lis      = $('li:contains("ABC")'); // 指定する文字列を持っている要素

** 親要素 [#l660a812]
 var elems = $('div').parent(); // divの子要素も含む

** 子要素 [#ecf42818]
 var elems = $('div').children();

** 兄弟要素 [#p5d0c52d]
 var lis = $('li').siblings()

** 前の要素 [#ba0a1906]
 var first_li = $('li:eq(1)').prev();

** 次の要素 [#pf59842a]
 var third_li = $('li:eq(1)').next();

** ある要素の中だけを対象にする [#bc23750d]
 var div = $('#div1');
 var elements = $('.foo', div);
 もしくは
 var elements = div.find('.foo');

** カスタム疑似セレクター [#fbbb7dfb]
 var arialDivs = [];
 $("div").each(function(){
   var div = $(this);
   if (div.css("font-family") === "Arial") {
       arialDivs.push(div);
   }
 });
↓
 $.extend($.expr[":"], {
     hasArialFont: function (element) {
         return $(element).css("font-family") === "Arial";
     }
 });
 
 $("div:hasArialFont").click(function(){
     alert("Element has Arial font");
 });

*** 参考 [#h760acfe]
- $.extend() : http://semooh.jp/jquery/api/core/jQuery.extend/object/
- $.expr() : http://semooh.jp/jquery/api/traversing/is/expr/