jquery 1.7 append追加元素添加事件

2016/5/10 16:54:161896 閱讀

jquery 1.7+之后用on代替live,on()方法在被選元素及子元素上添加一個或多個事件處理程序

< div id="one">< /div >
$('#one').append("< p id='two' >test1< /p >");
append后結(jié)果：

【錯誤】直接用下面的方式，不會彈出窗口的：
$("#two").on("click",function(data){
alert(data);
});

【正確】改成下面的方式：
$("body").on("click","#two",function(data){
alert(data);
});

---------------------
以下無關(guān)該主題
$('.alogin').click();//模擬點擊
escape(*)//防止亂碼編碼
unescape(*)//VB解碼
*.substring(0,4)//開始位置取4位字符

$(this).toggleClass("star");//當(dāng)前元素增加css類
$(this).prevAll().toggleClass("star");//之前元素增加css類
parseInt(*)字符串轉(zhuǎn)換為數(shù)字.

$("1*").attr("2*",'3*');//屬性修改，2*可以為src、ID、title...各種;3*對應(yīng)數(shù)據(jù)
$(this).attr("src").replace('_s','');//字符串替換
$(this).parent().children("img").attr("src")//父元素里子元素為img的路徑
$(this).siblings('.s1').children("input[name='cid']").val()//當(dāng)前元素同輩元素class=s1的子元素名字為cid的input值

///

$("body").on("mouseover",".tup img",function(e){ ...})
這里只能是mouseover，不能是hover，體會原因
///

js對table的操作
一個tr;多個tr:< tbody id="chicun" >
document.getElementById('chicun').style.display='none';
document.getElementById('chicun').style.display='table-row';


//獲取選中checkbox的值

$(".gwc ul input:checkbox[name='proid']:checked").map(function(index,elem) {return $(elem).val();}).get().join(',')

//一次獲取多個元素,求和
$(".jj i").each(function(){
sumjj += $(this).text() * 1;
});

//.serialize();序列化表單值，創(chuàng)建 URL 編碼文本字符串;序列化的值可在生成 AJAX 請求時用于 URL 查詢字符串中。
$.post("url", $("#form_id").serialize(),function(data,textStatus){})

//批量替換元素
src$(".news-main-text img").each(function(){
$(this).attr("src",$(this).attr("src").replace('/jobs/','http://www.ln-rc.com/jobs/'));
});

下一條：asp sql 記錄指針操作

上一條：asp連接有密碼access寫法