导航

学习JQuery【一】:选择对象

Posted on 2010-10-21 15:40  公正之锤  阅读(282)  评论(0编辑  收藏  举报

学习JQuery的心得笔记。仅供参考


常用选择器

  $("#id")    选择指定id的对象 

  $("p")     选择<p>标签

  $("p.intro")   选取所有 class="intro" 的 <p> 元素。

  $("p#demo") 选取 id="demo" 的第一个 <p> 元素。

 

属性选择器

  $("[属性=严格等于某值]")

  $("[属性*=包括等于某值]")

  $("[属性^=开头等于某值]")

  $("[属性$=以某值结尾]")

 

以上两个可以连在一起使用。$("input[name=textname]") 就可以把input中name=textname取出。

 

我的例子

  text

    取值:$("#text_id").val()

    设置:$("#text_id").attr("value", "学习jquery")

  radio      

    选择第n个:$("input[type=radio]").get(n).checked = true; 

    取选中值:$("input[type=radio][checked]").val();

    选择值为x的$("input[type=radio][value=x]").attr("checked", "checked");

  checkbox

    选择第n个:$("input[type=checkbox]").get(n).checked = true;

    取选中值:$("input[type=checkbox][checked]").val();

    选择值为x的:$("input[type=checkbox][value=女人]").attr("checked", "checked");

  select

    取选中值:$("#sel").val();

    选中值为x的:$("#sel").attr("value", "x");

第一次写东西,仅供参考