整理網絡幾個常用代碼:
用js或者jquery動態給div追加內容,不覆蓋之前的內容
<div id="append">
<span>文本</span>
<p>This is a paragraph.</p>
<ol>
<li>List item 1</li>
</ol>
</div>
<script>
$(document).ready(function(){
$('span').append('隨便加文本');//無效果
$("p").append(" <b>Appended text</b>.");//有標籤效果
$("ol").append("<li>Appended item</li>");
});
</script>
————————————————
版權聲明:本文爲CSDN博主「loverxy丶Du」的原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接及本聲明。
原文鏈接:https://blog.csdn.net/a772116804/article/details/79612572
Js/jQuery實時監聽input輸入框值變化
2018-01-16 20:07:56 idomyway 閱讀數 59507更多
分類專欄: jquery
版權聲明:本文爲博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
本文鏈接:https://blog.csdn.net/idomyway/article/details/79078625
前言
在做web開發時候很多時候都需要即時監聽輸入框值的變化,以便作出即時動作去引導瀏覽者增強網站的用戶體驗感。而採用onchange時間又往往是在輸入框失去焦點(onblur)時候觸發,有時候並不能滿足條件。
首先看一下dom中元素事件:
- onpropertychange: IE下,當一個HTML元素的屬性改變的時候,都能通過 onpropertychange來即時捕獲。onchange在屬性值改變時還必須使得當前元素失去焦點(onblur)纔可以激活該事件。 在用js腳本改動該元素值時候亦能觸發onpropertychange事件。
- oninput:是onpropertychange的非IE瀏覽器版本,支持firefox和opera等瀏覽器,但有一點不同,它綁定於對象時,並非該對象所有屬性改變都能觸發事件,它只在對象value值發生改變時奏效。
- onchange: (a)當前對象屬性改變,並且是由鍵盤或鼠標事件激發的(腳本觸發無效);(b)當前對象失去焦點(onblur);
jQuery用法
$("#input1").bind("input propertychange",function(event){
console.log($("#input1").val())
});
js遍歷a標籤:
$("p>a").each(function(index, element) {
hrefValue = $(this).attr('href') ;
content = $(this).html() ;
});
JS產生隨機數的幾個方法
2018-12-11 10:43:41 最愛晴天和自己 閱讀數 105更多
分類專欄: javascript
版權聲明:本文爲博主原創文章,遵循 CC 4.0 BY-SA 版權協議,轉載請附上原文出處鏈接和本聲明。
本文鏈接:https://blog.csdn.net/lijunyan5/article/details/84951365
1.Math.random(); 結果爲0-1間的一個隨機數(包括0,不包括1)
2.Math.floor(num); 參數num爲一個數值,函數結果爲num的整數部分。
3.Math.round(num); 參數num爲一個數值,函數結果爲num四捨五入後的整數。
Math:數學對象,提供對數據的數學計算。
Math.random(); 返回0和1間(包括0,不包括1)的一個隨機數。
Math.ceil(n); 返回大於等於n的最小整數。
用Math.ceil(Math.random()*10);時,主要獲取1到10的隨機整數,取0的機率極小。
Math.round(n); 返回n四捨五入後整數的值。
用Math.round(Math.random());可均衡獲取0到1的隨機整數。
用Math.round(Math.random()*10);時,可基本均衡獲取0到10的隨機整數,其中獲取最小值0和最大值10的機率少一半。
Math.floor(n); 返回小於等於n的最大整數。
用Math.floor(Math.random()*10);時,可均衡獲取0到9的隨機整數。
js定時器 選擇第一個a鏈接標籤:
解決方案二
$("#abc ")[0].click();
var t2 = window.setTimeout("hello()",3000);//使用字符串執行方法
1- 執行一次(延時定時器)
var t1 = window.setTimeout(function() {
console.log('1秒鐘之後執行了')
},1000)
window.clearTimeout(t1) // 去除定時器
2- 重複執行(間歇定時器)
var t2 = window.setInterval(function() {
console.log('每隔1秒鐘執行一次')
},1000)
window.clearInterval(t2) // 去除定時器
window.clearInterval(t2) // 去除定時器