首頁 > web前端 > js教程 > jquery入門—存取DOM物件方法_jquery

jquery入門—存取DOM物件方法_jquery

WBOY
發布: 2016-05-16 17:44:29
原創
914 人瀏覽過
1、JavaScript存取DOM物件方法
var oTxtValue=document.getElementById("Text1").value;
2、JQuery存取DOM物件方法
2、JQuery存取DOM物件方法


var oTxtValue=$("#Text1").val();
透過JQuery庫中的方法存取或控制頁面中的元素,比使用JavaScript程式碼簡潔得多,而且相容於各瀏覽器。 範例程式碼: 複製程式碼

程式碼如下:



控制DOM物件







$(function(){
$("#btnSumbit").click(function(){
var oTxtValue=$("#Text1").val ();
var oRdoValue=$("#Radio1").is(":checked")?"男":"女";
var oChkValue=$("#Checkbox1").is(" :checked")?"已婚":"未婚";
$("#divTip").css("display","block").html(oTxtValue "
" oRdoValue "
" oChkValue);
})
})




請輸入下列資訊


姓名:

性別:


婚否:
onclick="btnClick();">






效果圖
jquery入門—存取DOM物件方法_jquery
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板