jQuery设置和获取HTML、文本和值示例
<scripttype="text/javascript">
//<![CDATA[
$(function(){
//获取<p>元素的HTML代码
$("input:eq(0)").click(function(){
alert($("p").html());
});
//获取<p>元素的文本
$("input:eq(1)").click(function(){
alert($("p").text());
});
//设置<p>元素的HTML代码
$("input:eq(2)").click(function(){
$("p").html("<strong>你最喜欢的水果是?</strong>");
});
//设置<p>元素的文本
$("input:eq(3)").click(function(){
$("p").text("你最喜欢的水果是?");
});
//设置<p>元素的文本
$("input:eq(4)").click(function(){
$("p").text("<strong>你最喜欢的水果是?</strong>");
});
//获取按钮的value值
$("input:eq(5)").click(function(){
alert($(this).val());
});
//设置按钮的value值
$("input:eq(6)").click(function(){
$(this).val("我被点击了!");
});
});
//]]>
</script>
<scripttype="text/javascript">
//<![CDATA[
$(function(){
$("#address").focus(function(){//地址框获得鼠标焦点
vartxt_value=$(this).val();//得到当前文本框的值
if(txt_value=="请输入邮箱地址"){
$(this).val("");//如果符合条件，则清空文本框内容
}
});
$("#address").blur(function(){//地址框失去鼠标焦点
vartxt_value=$(this).val();//得到当前文本框的值
if(txt_value==""){
$(this).val("请输入邮箱地址");//如果符合条件，则设置内容
}
})
$("#password").focus(function(){
vartxt_value=$(this).val();
if(txt_value=="请输入邮箱密码"){
$(this).val("");
}
});
$("#password").blur(function(){
vartxt_value=$(this).val();
if(txt_value==""){
$(this).val("请输入邮箱密码");
}
})
});
//]]>
</script>
<scripttype="text/javascript">//<![CDATA[$(function(){$("#address").focus(function(){//地址框获得鼠标焦点vartxt_value=$(this).val();//得到当前文本框的值if(txt_value==this.defaultValue){$(this).val("");//如果符合条件，则清空文本框内容}});$("#address").blur(function(){//地址框失去鼠标焦点vartxt_value=$(this).val();//得到当前文本框的值if(txt_value==""){$(this).val(this.defaultValue);//如果符合条件，则设置内容}})
$("#password").focus(function(){
vartxt_value=$(this).val();
if(txt_value==this.defaultValue){
$(this).val("");
}
});
$("#password").blur(function(){
vartxt_value=$(this).val();
if(txt_value==""){
$(this).val(this.defaultValue);
}
})
});
//]]>
</script>
<scripttype="text/javascript">
//<![CDATA[
$(function(){
//设置单选下拉框选中
$("input:eq(0)").click(function(){
$("#single").val("2");
});
//设置多选下拉框选中
$("input:eq(1)").click(function(){
$("#multiple").val(["选择2号","选择3号"]);
});
//设置单选框和多选框选中
$("input:eq(2)").click(function(){
$(":checkbox").val(["check2","check3"]);
$(":radio").val(["radio2"]);
});
});
//]]>
</script>
<scripttype="text/javascript">
//<![CDATA[
$(function(){
//设置单选下拉框选中
$("input:eq(0)").click(function(){
$("#singleoption").removeAttr("selected");//移除属性selected
$("#singleoption:eq(1)").attr("selected",true);//设置属性selected
});
//设置多选下拉框选中
$("input:eq(1)").click(function(){
$("#multipleoption").removeAttr("selected");//移除属性selected
$("#multipleoption:eq(2)").attr("selected",true);//设置属性selected
$("#multipleoption:eq(3)").attr("selected",true);//设置属性selected
});
//设置单选框和多选框选中
$("input:eq(2)").click(function(){
$(":checkbox").removeAttr("checked");//移除属性checked
$(":radio").removeAttr("checked");//移除属性checked
$(":checkbox[value=check2]").attr("checked",true);//设置属性checked
$("[value=check3]:checkbox").attr("checked",true);//设置属性checked
$("[value=radio2]:radio").attr("checked",true);//设置属性checked
});
});
//]]>
</script>
:checkbox表示属性为checkbox