事件、监听、jQuery、轮播手动

时光总嘲笑我的痴心妄想 提交于 2020-03-19 08:05:06

a链接事件阻止默认行为 return false

HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。

通用性的事件监听方法
1.绑定HTML元素属性
<input type="button" value="clickMe" onClick="check(this)">
2 绑定dom对象属性
document.getElementById("btn1").onClick=test;//test函数名

两种添加事件方式 

1.function show(){

alert("你点击了我");

2.document.getElementById("mytest1").onclick=show;  //+()是调用,不+是参数

 

function show(){
alert("你点击了我");
}
//页面加载完成后调用
window.onload=function(){
/*第二种添加事件方式*/
document.getElementById("mytest1").onclick=show;
}

 

 标准DOM事件监听方法

[object].addEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);

var bt1=document.getElementById("mytest1");
   bt1.removeEventListener("click",show,false);

[object].removeEventListener(“事件类型”,”处理函数”,”冒泡事件或捕获事件”);

    var bt1=document.getElementById("mytest1");
    bt1.addEventListener("click",show,false);注意:上图是通用事件   标准事件就是 去掉 “on”onMouseOver放到函数里会自动弹窗onMouseOver="show()" 

 jQuery 

   /*id选择器*/
    /*var p1=$("#p1");
    alert(p1.html());*/
    /*class选择器*/
    /*var arr=$(".p2");
    alert(arr.length);*/
    /*元素选择器*/
    /*var arr=$("p");
    alert(arr.length);*/
    /*父子关系选择器*/
    /*var arr=$("div p");
    alert(arr.length);*/
    /*属性选择器*/
    /*var obj=$("[align='center']");
    alert(obj.html());*/
    /*如果得到的是数组,则用jqDom.eq(下标)*/
    /*alert($(".p2").eq(0).html());*/
    //获取js对象   js->jquery   $(jsDom)
    /*var p1=document.getElementById("p1");
    alert($(p1).html());*/
    //获取jQuery对象 jquery->js   $('div')[0]    $('div').get(0)
    /*alert($(".p2").get(1).innerHTML);*/
    //给非表单元素赋值
    /*$("#p1").html("你好");*/
    //获取表单的value值
    /*alert($("input").val());*/
    //给表单元素赋值
    $("input").val("bbbbbbbb");
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!