value="Get" />
<input type="text" id="My" name="You" class="First"
<script src="all.js"></script>
</body>
1.透過Id取值
var jsid=document.getElementById("My").value;
var jqid=$('#My').val();
2.透過Name取值
var jsname=document.getElementsByName('You')[0].value;
//其中getElementsByName取得是NodeList沒有value屬性，要加上[0]
var jqname=$("*[name='You']").val();
3.透過Class取值
var jsclass=document.querySelector('.First').value;
var jqclass=$('.First').val();
4.參考好文1，參考好文2, 3.js的選擇器 4.jquery 選擇器
5.JavaScript Event事件整理
<input type='button' id='mybtn' value='按钮'></input> <script>
var btn=document.getElementById('mybtn');
btn.onclick=function(e){
console.log(this.id); //得到:mybtn
console.log(e.target);//輸出點擊事件的按鈕
let x=e.target;
console.log(x.id); //得到:mybtn
console.log(x.type); //得到:button
console.log(x.value); //得到:按鈕
console.log(e.currentTarget);//輸出點擊事件所在對象
}
</script>
沒有留言:
張貼留言