jQuery随笔7.17

jQuery基本选择器

1:first              返回值：jQuery              获取匹配的第一个元素

 jQuery代码 ： alert($("li:first").text());

not(:checked)     返回值:Array<Element(s)>

例：查找所有未选中的 input 元素

jQuery代码 ： alert($("input:not(:checked)")[0].value);或者alert($("input:not(:checked)").val());

：empty                   返回值:Array<Element(s)>   

查找所有不包含子元素或者文本的空元素

jQuery代码 ：alert($("td:empty").text());

:parent                 返回值:Array<Element(s)>

查找所有含有子元素或者文本的 td 元素

jQuery代码 ：alert($("td:parent").text());

;selected             返回值:Array<Element(s)>

匹配所有选中的option元素

jQuery代码 ：alert($("select option:selected");

[attribute=value]             返回值:Array<Element(s)>

查找所有 name 属性是 newsletter 的 input 元素

jQuery代码 ：$("input[name='newsletter']").attr("checked", true);

removeAttr(name)                返回值  jQuery

name  要删除的属性名

将文档中图像的src属性删除

jQuery代码 ：$("img").removeAttr("src");

<img src ="01.jpg"/>

------------------------------------------------------------------------------------------------------------------------------------------------

文档处理

append(content|fn)             返回值：jQuery

content 要追加到目标中的内容

function 返回一个HTML字符串，用于追加到每一个匹配元素的里边。接受两个参数，index参数为对象在这个集合中的索引值，html参数为这个对象原先的html值。

jQuery代码 ：$("p").append("<b>Hello</b>");$("p").append("<b>Hello</b>");

<p>I would like to say: </p>

-----------------------------------------------------------------------------------------------------------------------------------------------

 appendTo(content)            返回值：jQuery

jQuery代码 ：$("p").appendTo("div");

<p>I would like to say: </p>
<div></div><div></div>

------------------------------------------------------------------------------------------------------------------------------------------------

事件

 focus([[data],fn])              返回值：jQuery

data:focus([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的focus事件中绑定的处理函数。

例： 当页面加载后将 id 为 'login' 的元素设置焦点:

jQuery代码 ：$(document).ready(function(){
  $("#login").focus();
       });

例：使人无法使用文本框:

$("input[type=text]").focus(function(){
  this.blur();
});

-------------------------------------------------------------------------------------------------------------------------------------------------

筛选  

eq(index|-index)            返回值：jQuery

index  一个整数，指示元素基于0的位置,这个元素的位置是从0算起。

-index  一个整数，指示元素的位置，从集合中的最后一个元素开始倒数。(-1算起)

例： 获取匹配的第二个元素

jQuery代码 ：alert($("tr:eq(1)").text());