jQuery設(shè)置和獲取HTML、文本和值
時間：2019-02-18 18:22:31 閱讀：44502次
分類：APP開發(fā)
< type="text/java"> //元素的html代碼 $("input:eq(0)").click(function(){ alert( $("p").html() ); }); //獲取元素的文本 $("input:eq(1)&q...
<script type="text/javascript">
//<![CDATA[
$(function(){
//獲取<p>元素的HTML代碼
$("input:eq(0)").click(function(){
alert( $("p").html() );
});
//獲取<p>元素的文本
$("input:eq(1)").click(function(){
alert( $("p").text() );
});
//設(shè)置<p>元素的HTML代碼
$("input:eq(2)").click(function(){
$("p").html("<strong>你最喜歡的水果是?</strong>");
});
//設(shè)置<p>元素的文本
$("input:eq(3)").click(function(){
$("p").text("你最喜歡的水果是?");
});
//設(shè)置<p>元素的文本
$("input:eq(4)").click(function(){
$("p").text("<strong>你最喜歡的水果是?</strong>");
});
//獲取按鈕的value值
$("input:eq(5)").click(function(){
alert( $(this).val() );
});
//設(shè)置按鈕的value值
$("input:eq(6)").click(function(){
$(this).val("我被點擊了!");
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("#address").focus(function(){ // 地址框獲得鼠標(biāo)焦點
var txt_value = $(this).val(); // 得到當(dāng)前文本框的值
if(txt_value=="請輸入郵箱地址"){
$(this).val(""); // 如果符合條件，則清空文本框內(nèi)容
}
});
$("#address").blur(function(){ // 地址框失去鼠標(biāo)焦點
var txt_value = $(this).val(); // 得到當(dāng)前文本框的值
if(txt_value==""){
$(this).val("請輸入郵箱地址");// 如果符合條件，則設(shè)置內(nèi)容
}
})
$("#password").focus(function(){
var txt_value = $(this).val();
if(txt_value=="請輸入郵箱密碼"){
$(this).val("");
}
});
$("#password").blur(function(){
var txt_value = $(this).val();
if(txt_value==""){
$(this).val("請輸入郵箱密碼");
}
})
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
$("#address").focus(function(){ // 地址框獲得鼠標(biāo)焦點
var txt_value = $(this).val(); // 得到當(dāng)前文本框的值
if(txt_value==this.defaultValue){
$(this).val(""); // 如果符合條件，則清空文本框內(nèi)容
}
});
$("#address").blur(function(){ // 地址框失去鼠標(biāo)焦點
var txt_value = $(this).val(); // 得到當(dāng)前文本框的值
if(txt_value==""){
$(this).val(this.defaultValue);// 如果符合條件，則設(shè)置內(nèi)容
}
})
$("#password").focus(function(){
var txt_value = $(this).val();
if(txt_value==this.defaultValue){
$(this).val("");
}
});
$("#password").blur(function(){
var txt_value = $(this).val();
if(txt_value==""){
$(this).val(this.defaultValue);
}
})
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
//設(shè)置單選下拉框選中
$("input:eq(0)").click(function(){
$("#single").val("2");
});
//設(shè)置多選下拉框選中
$("input:eq(1)").click(function(){
$("#multiple").val(["選擇2號", "選擇3號"]);
});
//設(shè)置單選框和多選框選中
$("input:eq(2)").click(function(){
$(":checkbox").val(["check2","check3"]);
$(":radio").val(["radio2"]);
});
});
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
$(function(){
//設(shè)置單選下拉框選中
$("input:eq(0)").click(function(){
$("#single option").removeAttr("selected"); //移除屬性selected
$("#single option:eq(1)").attr("selected",true); //設(shè)置屬性selected
});
//設(shè)置多選下拉框選中
$("input:eq(1)").click(function(){
$("#multiple option").removeAttr("selected"); //移除屬性selected
$("#multiple option:eq(2)").attr("selected",true);//設(shè)置屬性selected
$("#multiple option:eq(3)").attr("selected",true);//設(shè)置屬性selected
});
//設(shè)置單選框和多選框選中
$("input:eq(2)").click(function(){
$(":checkbox").removeAttr("checked"); //移除屬性checked
$(":radio").removeAttr("checked"); //移除屬性checked
$(":checkbox[value=check2]").attr("checked",true);//設(shè)置屬性checked
$("[value=check3]:checkbox").attr("checked",true);//設(shè)置屬性checked
$("[value=radio2]:radio").attr("checked",true);//設(shè)置屬性checked
});
});
//]]>
</script>
:checkbox 表示屬性為checkbox
蕪湖市聰明屋智能科技有限公司（原中江網(wǎng)絡(luò)），成立于2005年，經(jīng)過10多年定制開發(fā)經(jīng)驗，積累了大量技術(shù)儲備和定制開發(fā)經(jīng)驗，率先創(chuàng)建安徽省內(nèi)自主研發(fā)的云計算平臺，具有大數(shù)據(jù)、高并發(fā)等高強度計算能力，為眾多政府、學(xué)校、公安部門、中小企業(yè)解決數(shù)據(jù)計算與管理難題。2013年公司內(nèi)部專門創(chuàng)建電商服務(wù)部，為企業(yè)提供全方位電商解決方案與配套服務(wù)。多次獲得國家、省市級領(lǐng)導(dǎo)接見，被國內(nèi)近20家電視臺、報紙媒體爭相報道。至今，聰明屋智能科技服務(wù)過上市公司、大型國企、各類私企超800家，為多家公司提供各類政務(wù)系統(tǒng)、app開發(fā)定制、微信小程序開發(fā)定制、智能家居、電商系統(tǒng)、連鎖收銀等技術(shù)解決方案服務(wù)。同時，聰明屋智能科技在智能硬件方面、區(qū)塊鏈應(yīng)用方面持續(xù)投入關(guān)注及創(chuàng)新。
