$('#id');// 在javascript中就相当于document.getElementById("element")
$('element');// 指向 DOM 节点的标签名,也就是HTML元素啦。
$('.class);// 在HTML中元素应用的类Class,一个元素可以有多个类,只要有一个符合就能被匹配到。
$('*');//HTML中所有的元素。
$('selector1,selector2,selectorN');//指定任意多个选择器,并将匹配到的元素合并到一个结果内。
$("form > input");//用以匹配元素的选择器,并且它是第一个选择器的子元素。
$('tr:eq(1)');//从表格中查找第二行(索引从0开始)。
$('li:first');//从列表中查找第一行。
$('li:last);//从列表中查找最后一行。
$("div[id]");//查找所有含有 id 属性的 div
$("input[name='newsletter']").attr("checked", true);//查找所有 name 属性是 newsletter 的 input 标签。
$("input[name!='newsletter']").attr("checked", true);//查找所有 name 属性不是 newsletter 的 input 标签。
$("input[name^='news']");//查找所有 name 以 'news' 开始的 input 标签。
$("input[name$='letter']");//查找所有 name 以 'letter' 结尾的 input 标签。
$("input[name*='man']");//查找所有 name 包含 'man' 的 input 标签。
$("input[id][name$='man']");//找到所有含有 id 属性,并且它的 name 属性是以 man 结尾的
$("ul li:nth-child(2)");//在每个 ul 查找第 2 个li
$("ul li:first-child");//在每个 ul 中查找第一个 li
$("ul li:last-child");//在每个 ul 中查找最后一个 li
$("ul li:only-child");//在 ul 中查找是唯一子元素的 li
$("img").attr("src");//获取页面上所有img元素的src值
$("img").attr({ src: "test.jpg", alt: "Test Image" });//为页面上的所有img的src设置test.jpg值,所有的alt属性设置为“Test Image”
$("img").attr("src","test.jpg");//这个方法与上一个方法的不同之处在于只能设置一个属性值
$("img").attr("title", function() { return this.src });//该方法是jquery 1.4.2新增方法,可以通过一个函数返回一个值,作为设置元素某个属性的值
$("img").removeAttr("src");//为元素移出某个src属性
$("p").addClass("selected");//为文档中的段落元素添加类名“selected”,使用addClass方法,你还可以添加多个类名,只需要用空格进行分隔即可。比如:为页面上的所有div添加两个类,highlight和border这两个类,则可以写为:$('div').addClass('hignlight border');
$('ul li:last').addClass(function() {
return 'item-' + $(this).index();
});//jquery 1.4新增方法,第二个参数通过函数返回值来设置匹配元素的类
$('div').removeClass('highlight');//为文档中的div移出highlight类
$('li:last').removeClass(function() {
return $(this).prev().attr('class');
});//删除最后一个元素上与前面重复的class,jquery 1.4新增方法,第二个参数通过函数返回值来设置匹配元素的