推荐订阅源

1.从$开始

对于熟悉prototype的朋友，$符号应该很熟悉,

prototype: var element = $(’eleId’)
jquery: var element = $(’#eleId’)
DOM: var element = document.getElementById(’eleId’)

以上三种选择方式是等价的,相比prototype来说jquery多了个#号
例:

$(’#j1′).html()

<div id=“j1“>Hello, jQuery!</content>

2.通过xpath+css来获取你想要的…
    1).
在这段例子中我们需要用到的

HTML代码

<div class=”contentToChange”>
    <p class=”alert”>警告!警告!警告!警告!</p>
    <p class=”firstParagraph”>我是第一段</p>
    <p class=”secondParagraph”>第二段,哎,火箭输球了 0比33!火箭替补钉上耻辱柱 <em>姚麦</em>身边再无可用之人频繁失误成姚明致命毒药 板凳消失是火箭落后主因</p>
</div>

    2).

在这段例子中我们需要用到的HTML代码:

注：
$(’#jqdt ol.groof > strong’) 其中的>代表只访问下一级子节点中包含strong的元素，
如果改为 $(’#jqdt ol.groof strong’) 则访问所有下级子节点中的strong元素，包括子节点的子节点等。

3).
常用的自定义选择器
:eq(0) 选择索引等于0也就是第一个元素

   :gt(4) 选择所有索引大于4的元素

:lt(4) 选择所有索引小于4的元素

:first 等价于 :eq(0)

:last 选择最后一个元素

:parent 选择所有含有子节点的元素 (including text).

:contains(’test’) 选择含有指定文本的元素

:visible 选择所有可见元素(包含:display:block|inline,或者visibility为visible的元素,但是不包括表单元素(type hidden)

:hidden 选择所有隐藏元素(包含:display:none,或者visibility为hidden的元素,包括表单元素(type hidden)

例：

$(’p:first’).css(’fontWeight’,'bold’)
    $(’div:hidden’).show();
    $(“div:contains(’test’)“).hide();

    $(’input[@name=bar]’).val() //获取名字为bar的input表单的值
    $(’select[@name=slt]’).val() //获取名为slt的下拉菜单的选择中值
    $(’input[@type=radio][@checked]’) //获取所有被选中的radio表单

表单选择器

   :input Selects all form elements (input, select, textarea, button).

:text Selects all text fields (type=”text”).

:password Selects all password fields (type=”password”).

:radio Selects all radio fields (type=”radio”).

:checkbox Selects all checkbox fields (type=”checkbox”).

:submit Selects all submit buttons (type=”submit”).

:image Selects all form images (type=”image”).

:reset Selects all reset buttons (type=”reset”).

:button Selects all other buttons (type=”button”).

例：

   $(’myForm:input’)
   $(’input:radio’,myForm)
  //:radio等价于[@type=radio]