属性 > attr(name|pro|key,val|fn)
设置或返回被选元素的属性值。
参数name 描述:
返回文档中所有图像的src属性值。
jQuery 代码:
$("img").attr("src");
参数properties 描述:
为所有图像设置src和alt属性。
jQuery 代码:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
参数key,value 描述:
为所有图像设置src属性。
jQuery 代码:
$("img").attr("src","test.jpg");
描述:
将文档中图像的src属性删除
HTML 代码:
<img src="test.jpg"/>
jQuery 代码:
$("img").removeAttr("src");
结果:
[ <img /> ]
css(name|pro|[,val|fn])
概述
访问匹配元素的样式属性。
参数name 描述:
取得第一个段落的color样式属性的值。
jQuery 代码:
$("p").css("color");
参数properties 描述:
将所有段落的字体颜色设为红色并且背景为蓝色。
jQuery 代码:
$("p").css({ "color": "#ff0011", "background": "blue" });
参数name,value 描述:
将所有段落字体设为红色
jQuery 代码:
$("p").css("color","red");
事件:
click([[data],fn])
概述
触发每一个匹配元素的click事件
示例
描述:
触发页面内所有段落的点击事件
jQuery 代码:
$("p").click();
描述:
将页面内所有段落点击后隐藏。
jQuery 代码:
$("p").click( function () { $(this).hide(); });
ready(fn)
概述
当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
示例
描述:
在DOM加载完成时运行的代码,可以这样写:
jQuery 代码:
$(document).ready(function(){
// 在这里写你的代码...
});
描述:
使用 $(document).ready() 的简写,同时内部的 jQuery 代码依然使用 $ 作为别名,而不管全局的 $ 为何。
jQuery 代码:
$(function($) {
// 你可以在这里继续使用$作为别名...
});
change([[data],fn])
概述
当元素的值发生改变时,会发生 change 事件
示例
描述:
触发被选元素的 change 事件。
jQuery 代码:
$(selector).change();
描述:
给所有的文本框增加输入验证
jQuery 代码:
$("input[type='text']").change( function() {
// 这里可以写些验证代码
});
文档处理:
append(content|fn)
概述
向每个匹配的元素内部追加内容。
示例
描述:
向所有段落中追加一些HTML标记。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ]
示例
描述:
向所有段落中追加一些HTML标记。
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ]
appendTo(content)
把所有匹配的元素追加到另一个指定的元素元素集合中
描述:
把所有段落追加到ID值为foo的元素中。
HTML 代码:
<p>I would like to say: </p>
<div></div><div></div>
jQuery 代码:
$("p").appendTo("div");
结果:
<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>
将所有 $ 都可以用 i 代替 i=jQuery.noConflict();(取别名)
var i = jQuery.noConflict();
i("#inputname").change(function(){
alert( i("#inputname").val());
alert("sss");
});
i("#inputname").change(function(){
alert( i("#inputname").val());
alert("sss");
});
回车事件的写法:
$('#inputname').bind('keypress',function(event){
if(event.keyCode == "13")
{
alert('你输入的内容为:' + $('#inputname').val());
}
});
if(event.keyCode == "13")
{
alert('你输入的内容为:' + $('#inputname').val());
}
});