1.jQuery选择器

//id,class,element,element.class,element#id


//id选择器
var obj= $("#elementId");
//标签名加name属性，例如单选按钮多个选项id属性不同，name属性相同
var obj= $("input[name="elementName"]:checked ");

//属性选择器
//所有具有xxx属性的元素
$("[xxx]")
$("[xxx='#']")
$("[xxx!='#']")
//具有以yyy结尾的属性的元素
$("[xxx$='yyy']")

//input选择器：选取所有input，选取指定类型的input
$(":input")
$(":file")
$(":button")
$(":text")
$(":password")
$(":reset")
$(":checked")
$("input:not(:empty)")

//索引选择器
//奇数
$("tr:odd")
//偶数
$("tr:even")

$("ul li:eq(3)")
//大于
$("ul li:gt(3)")
//小于
$("ul li:lt(3)")



2.jQuery获取标签内容或value值

/*val()方法获取value属性的值或赋值，如input标签*/
var v = $("#elementId").val();

/*html()方法获取标签内容包含标签，如：获取ul下的li标签，*/
var v = $("#elementId").html();

/*text()方法获取标签中的文本，如获取p,a,中的文本内容*/
var v = $("#elementId").text();

/*attr()方法返回指定属性的值或赋值*/
$("img").attr("width","180");

//获取textarea中的文本内容，使用.val()方法；使用.text()方法无法获取



3.添加和删除HTML元素

//append() - 在被选元素的结尾插入内容
$("p").append("Some appended text.");

//prepend() - 在被选元素的开头插入内容
$("p").prepend("Some prepended text.");

//after() - 在被选元素之后插入内容
$("img").after("Some text after");

//before() - 在被选元素之前插入内容
$("img").before("Some text before");

//remove() - 删除被选元素（及其子元素）
$("#div1").remove();

//empty() - 从被选元素中删除子元素
$("#div1").empty();

//使用参数对删除的对象过滤
$("p").remove(".classname");



4.jQuery操作CSS

//addClass() - 向被选元素添加一个或多个类
//removeClass() - 从被选元素删除一个或多个类
//toggleClass() - 对被选元素进行添加/删除类的切换操作

//css() - 设置或返回样式属性
/*css()获取css属性值*/
$("body").css("background-color");

/*css()设置单个css属性值*/
$("div").css("background-color","yellow");

/*css()设置多个css属性值*/
$("div").css({"background-color":"yellow","font-size":"200%"});



5.jQuery事件

//click();dbclick();
//blur();focus();
//keydown();keypress();keyup();
//鼠标相关事件：mouseup();mouseover();等
//bind();unbind();
//on();off();on可以绑定多个事件

//toggle();
//trigger();
//select();
//scroll();



6.jQuery操作子元素和父元素

//parent()
//parents()
//parentsUntil();方法返回介于两个给定元素之间的所有祖先元素。
$("span").parentsUntil("div");

//children();返回所有子元素
$("div").children();
//children();返回指定子元素
$("div").children("p.classname");

//find()获取符合条件子元素，包括间接子元素
$("div").find("span");

//find()返回所有子元素
$("div").find("*");

//获取同级元素
//siblings();返回所有同级元素
//next()
//nextAll()
//nextUntil()
//prev()
//prevAll()
//prevUntil()


//条件过滤
//first() 方法返回被选元素的首个元素。
$("div p").first();

//last() 方法返回被选元素的最后一个元素。
$("div p").last();

//eq() 方法返回被选元素中带有指定索引号的元素。
 $("p").eq(1);

//filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
 $("p").filter(".intro");

//not() 方法返回不匹配标准的所有元素。与 filter() 相反。
$("p").not(".intro");

原生js操作HTML和CSS

//用js方法显示和隐藏元素
var target=document.getElementById("enterinfo");
        var clicktext=document.getElementById("sl");
        target.style.display="none";
        clicktext.style.display="block";



7.使用js模拟点击事件

$("input").trigger("click");
$("input").change();

8.变量form表单下的所以input标签

var inputs = $("form").find("input[type='text']")
$.each(inputs,function () {
     console.log($(this).attr("name")+":"+$(this).val());

})

//或者
$("form input[type='text']").each(function () {
    console.log($(this).attr("name"));
});