JS與jQuery獲取任意事件的子元素下標(獲取當前類陣列的某一子元素下標)
JavaScript方法
var child = document.getElementsByClassName("child");
for(var i=0;i<child.length;i++)
{ var a = child[i];
a.index=i; //給每個類名為child的元素新增index屬性
a.onclick = function(){
console.log(this.index)
}
jQuery方法
$.each($(".className"),function(index,val)){ //index為選擇器的index位置,val為當前元素 console.log(val); val.index = index; //為每個類陣列的子元素新增index屬性並將其在類陣列的下標賦值給index屬性 $(val).click(function(){ console.log(this.index); }) }
相關推薦
JS與jQuery繫結事件的寫法
js 1.直接在html標籤中繫結 在html標籤中新增“on”+事件名稱的屬性來繫結事件 <button type="button" id="btn" onclick="alert(1)">點選</button> 2.在DOM元素上繫結 DOM元素新增‘
JS:兩個json數組合並、去重,以及刪除某一項元素
兩個json數組合並去重,以及刪除某一項元素 let ha = [ {id:'H',name:'3'}, {id:'A',name:'6'}, {id:'B',name:'14'}, {id:'C',name:'60'} ]; let hb= [
JS與jQuery獲取任意事件的子元素下標(獲取當前類陣列的某一子元素下標)
JavaScript方法 var child = document.getElementsByClassName("child"); for(var i=0;i<child.length;i++) { var a = child[i];
jquery繫結事件的方法on中獲取當前所在元素及子元素的方式
有時我們要使用jquery中的繫結事件的方法on,來獲取當前所在元素,以及當前所在元素的子元素,可以參考: $(document).on('mouseover', '#item', functio
onload事件與ready事件的區別,原生js與jquery的區別
onload事件與ready事件分別是原生js與jquery的入口函式 原生js入口函式寫法: window.onload=function(){ } jquery入口函式寫法: $(document).ready(function(){ }); 二者的區別主要有:  
webservice學習筆記(十二):js與jquery利用ajax獲取webservice返回值
1.webservice服務端程式碼如圖(ps:只是一個簡單的sayHello的demo): -服務端是基於spring的,具體beans.xml配置如下: <?xml version="1.0" encoding="UTF-8"?> <bea
相容IE與firefox火狐的回車事件(js與jquery)(轉)
javascript 相容IE與firefox火狐的回車事件 複製程式碼程式碼如下: <script language="javascript"> function keypress(e) { var currKey=0,e=e||event; i
原生js與jQuery操作DOM的區別
too 文章 .get dom rep tro 復制 原生js pla 轉自網絡 一、創建元素節點 1.1 原生JS創建元素節點 ? 1 document.createElement("p"); 1.2 jQuery創建元素節點 ?
原生JS與jQuery操作DOM對比
replace rem 子節點 eno tex lac ace 原生 .get 一、創建元素節點 1.1 原生JS創建元素節點 document.createElement("p"); 1.2 jQuery創建元素節點 $(‘<p></
js與jQuery學習——02
mage query log 圖片 pan 信息 oca time 四舍五入 1.window對象的常用屬性: history 有關客戶訪問過的URL的信息 location 有關當前URL的信息 //實現瀏覽器刷新,前進,後退功能 2.js
js中遍歷註冊事件時索引怎麽獲取
遍歷註冊單擊事件 索引註意:這種寫法,是有問題的。註冊事件是在頁面加載完畢以後就完成了,但此時並沒有觸發事件。事件觸發是由用戶在頁面上點擊時才會觸發,所以說當用戶點擊時,才會執行事件處理函數,那麽此時的i已經變成了4,最後最終彈出來的結果是i+1,也就是5,而且每一個元素的彈出來的結果都是5。此時的做法應該是
js與jQuery使用this的不同
原生js html dom htm 當前 屬性 情況下 pan span style 一般情況下, 在原生js中,在函數中使用this事件調用者時可以直接寫 this ; 但是在jQuery包中,使用this時需要寫 $(this) 。 結論: this,表示當前的上下文
js與jQuery差別
jQuery能大大簡化Javascript程式的編寫,我近期花時間瞭解了一下jQuery。把我上手過程中的筆記和大家分享出來。希望對大家有所幫助。 要使用jQuery。首先要在HTML程式碼最前面加上對jQuery庫的引用。比方: <script language=
js與jquery阻止冒泡的方法
1、event 物件供我們在需要時呼叫,event物件只在事件發生過程中才有效,event代表事件的狀態 ,比如事件在其中發生的元素、鍵盤按鍵的狀態、滑鼠的位置、滑鼠按鈕的狀態 ;(w3c說明) 2、ff與ie/chrome裡面的event物件不同,ie/chrome中是window.eve
javaScript(或js)與jQuery的關係
先上比較官方的乾貨(概念) 1.javaScript javaScript的簡寫形式就是JS,一種廣泛用於客戶端Web開發的指令碼語言,常用來給HTML網頁新增動態功能(其編寫的程式可以被嵌入到HTML或XML頁面中,並直接在瀏覽器中解釋執行)。 2.jQuery jQuery是一個
HTML、CSS、JS與JQuery的區別
【一】HTML——Hypertext Markup Language HTML:超文字標記語言,是靜態網頁。“超文字”就是指頁面內可以包含圖片、連結,甚至音樂、程式等非文字元素。該文件本身有頁面結構,顯示頁面內容;可以理解為網頁中的標籤,比如div、ul、p等等這些。瀏覽
原生js與jquery針對dom的操作的不同之處整理
通過兩段程式碼(相同功能效果)來表示其不同: html部分: <div class="wrapper"> <ul> <li>111</li> <li>222</li> <li>3
node與js與jquery中的each區別
art-template裡面用的語法是jQuery嗎, each什麼的 我暈了 each,forEach, 遍歷的全混了 art-template 和 jQuery 一毛錢關係都沒有 each 是 art-template 的模板語法,專屬的
angular js與jQuery不相容的問題
是這樣一種場景:用ng-model繫結一個input標籤,當檢測到這個輸入框的值改變後執行操作。 1、如果手動改變input的值,即在輸入框中輸入物件,angular是能檢測到的 2、使用jQuery
javascript介紹及如何在html中使用js與jQuery
js是世界上最流行的程式語言,這一點毋庸置疑;它是一種弱型別,動態指令碼程式語言,被廣泛用於HTML,web技術中。囉嗦:一直在學後端技術,現在發現js基本上不會用,因為現在不使用jsp做前端頁面,所以到處都是js對靜態頁面的封裝,然後實現前後端互動。現在發現js功能真強大啊,可以對頁面各種修改,真是前端一個