jquery学习160815

通过jQuery设置背景颜色：

$(document.body).css("background-color",'#FFE4C4');

DOM加载完成执行的方法，一般用于页面加载完成

$(function(){
    //页面加载完成后要执行的操作 
});

jQuery选择器

id选择器：根据给定的ID匹配一个元素

$("#id")

标签选择器：根据HTML的标签进行选择

$('span') //获取所有的span标签

class选择器

$('.myClass') //获取class属性为myClass的HTML对象

子孙选择器

$("form input") //form下所有的input元素
$("form > input") //form下的input子元素

：first

$('li:first'); //获取li下的第一个元素

：last

$('li:last'); //获取li下的最后一个元素

属性匹配

$("div[id]") //查找所有含有 id 属性的 div 元素
$("input[name='newsletter']") //查找所有 name 属性是 newsletter 的 input 元素
$("input[name!='newsletter']") //查找所有 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 结尾的

属性操作

$("img").attr("src") //返回文档中所有图像的src属性值
$("img").attr("src","test.jpg"); //为所有图像设置src属性
$("img").attr({ src: "test.jpg", alt: "Test Image" }); //为所有图像设置src和alt属性
$("img").attr("title", function() { return this.src }); //把src属性的值设置为title属性的值

$("img").removeAttr("src"); //将文档中图像的src属性删除

$("p").addClass("selected");
$("p").addClass("selected1 selected2");
$("p").removeClass("selected");    //从匹配的元素中删除 'selected' 类
$("p").removeClass(); //删除匹配元素的所有类

$('li').has('ul').css('background-color', 'red'); //给含有ul的li加上背景色