1、data()用法
<input id="btn1" type="button" value="姓名" />
<input id="btn2" type="button" value="星座"/>
<input id="btn3" type="button" value="血型"/>
<script>
$(function ()
{
$(‘p‘).data("姓名", "CallmeYhz");
var info = {"星座":"金牛座","血型":"B型"};
$(‘p‘).data(info);
$(‘#btn1‘).click(function () { alert($(‘p‘).data("姓名")); });
$(‘#btn2‘).click(function () { alert($(‘p‘).data("星座")); });
$(‘#btn3‘).click(function () { alert($(‘p‘).data("血型")); });
})
</script>
<p></p>
2、each()用法
<input id="btn1" type="button" value="姓名" /> <input id="btn2" type="button" value="星座"/> <input id="btn3" type="button" value="血型"/> <script> $(function () { $("input[type=‘button‘]").each(function (index,ele) { alert("当前索引是:" + index + ",值是:" + $(ele).attr("value")); }); }); </script>
3、josn处理方式<script>
$(function () {
//第一种 var my = new People("CallmeYhz", 26); alert("(1):" + my.name); //第二种 var you = { "name": "周公瑾", "age": 35 }; alert("(2):" + you.name); //第三种 var me = [ { "name": "A", "age": 1 }, { "name": "B", "age": 2 } ] alert("(3):" +me[1].name+",长度是:"+me.length); }) //人物类 function People(name, age) { this.name = name; this.age = age; }</script><ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
<input type="button" value="开始遍历li" id="btn"/>
<br />
<input type="text" value="第一个"/>
<input type="text" value="第二个" />
<input type="text" value="第三个"/>
<input type="button" value="输出第一个text值" id="btn2" />
<script>
$(function ()
{
//li
$(‘#btn‘).click(function ()
{
var lis = $(‘li‘).toArray();
for (var i = 0; i < lis.length; i++) {
alert(lis[i].innerHTML);
}
});
//text
$(‘#btn2‘).click(function ()
{
var texts = $("input[type=‘text‘]").toArray();
alert($(texts[0]).val());
})
})
</script>
5、keypress()、keydown()、keyup()
<script>
$(function () {
//获取输入的按键
$("#txt").keypress(function (event) {
if (event.keyCode == "13") {
$("#sp1").text("您按了回车");
}
else {
$("#sp1").text("您没按回车");
}
});
//按下按键
$("#txt").keydown(function (event) {
if (event.keyCode == "13") {
$("#sp2").text("您正在按下回车键");
}
else {
$("#sp2").text("没有正在按回车按键");
}
});
//松开按键
$("#txt").keyup(function (event) {
if (event.keyCode == "13") {
$("#sp2").text("您松开了回车键");
}
else {
$("#sp2").text("没有松开回车按键");
}
});
});
</script>
<input id="txt" type="text" />
<span id="sp1"></span>
<br />
<span id="sp2"></span>
<br />
<span id="sp3"></span>
6、serializeArray()和serialize()
<script src="~/Scripts/jquery-2.2.1.min.js"></script>
<!DOCTYPE html>
<form action="">
<p>姓名：<input type="text" name="Name" /></p>
<p>
学历：<select name="education">
<option value="zz">中专</option>
<option value="dz">大专</option>
<option value="bk">本科</option>
<option value="ss">硕士</option>
</select>
</p>
</form>
<button id="btn1">serializeArray</button>
<button id="btn2">serialize</button>
<p>serializeArray: <span id="span1"></span>
</p>
<p>serialize: <span id="span2"></span></p>
<script>
//serializeArray
$("#btn1").click(function () {
var formarray = $("form").serializeArray();
$.each(formarray, function (i, field) {
$("#span1").append(field.name+"的值是:" + field.value + ",");
});
});
//serialize
$("#btn2").on("click", function () {
var formser = $("form").serialize();
$("#span2").html(formser);
});
</script>
7、first()、last()、eq()、filter()、not
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
下面的例子返回带有类名 "intro" 的所有 <p> 元素：
$(document).ready(function(){
$("p").filter(".intro");
});
not() 方法返回不匹配标准的所有元素。
提示：not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素：
$(document).ready(function(){
$("p").not(".intro");
});
原文：http://www.cnblogs.com/-lilio/p/5242924.html