js 常用代碼網絡整理 Js/jQuery實時監聽input輸入框值變化 js遍歷a標籤:  JS產生隨機數的幾個方法 js定時器 選擇第一個a鏈接標籤

整理網絡幾個常用代碼:

 

用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)  // 去除定時器
 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章