1. 程式人生 > >js,css隨筆(動態生成的dom做點擊事件無效)

js,css隨筆(動態生成的dom做點擊事件無效)

addclass utl function form blank mon ans 默認 ++

1.動態生成的DOM做點擊事件無效 https://blog.csdn.net/mm_hello11/article/details/79010679

2.消除button的默認樣式

margin: 0;
padding: 0;
border: 1px solid transparent; //自定義邊框
outline: none; //消除默認點擊藍色邊框效果

3. 鍵盤按下事件

$("#btn").keydown(function(event){
    if(event.keyCode == 13){
      alert(‘你按下了Enter‘); 
    }
});

4.on事件

1. $("#JS_ul").off("click").on("click","li",function
(event){ var val = $(this).html() $("#JS_ul li").removeClass("yactive"); $(this).addClass(‘yactive‘);
});
2. $("p").on("click",function(){ alert("段落被點擊了。"); });

 3. $("div").on("click","p",function(){
    alert($(this).text());
 })



5.字符串拼接

for (var i = 0; i <= obj.length-1; i++) {
      html 
+= ‘<li id="JS_li">‘+ ‘<div class="box">‘+ ‘<div class="y_num">‘+obj[i].code+‘</div><div class="y_town">‘+obj[i].name+‘</div>‘+ ‘</div>‘+ ‘</li>‘ } $(‘#JS_ul‘).html(html);

6.input 框禁止編輯 readonly="readonly"


7. json格式轉換

var json = ‘{"result":true, "count":42}‘;
var obj = JSON.parse(json);

var foo = {foundation: "Mozilla", model: "box", week: 45, transport: "car", month: 7};
var jsonString = JSON.stringify(foo, replacer);

8. validform.js 表單驗證插件

js,css隨筆(動態生成的dom做點擊事件無效)