jQuery中的键盘事件、取消事件冒泡、不同的元素不同的设置方式---each()、多库共存$.noConflict()

1、键盘事件keydown()、e.keyCode;//键盘按下后的键对应的键值

$(document).keydown(function (e) {
                var keyCode=e.keyCode;//键盘按下后的键对应的键值
                switch (keyCode){
                    case 65:$("#div").css("backgroundColor","red");break;
                    case 66:$("#div").css("backgroundColor","green");break;
                    case 67:$("#div").css("backgroundColor","blue");break;
                    case 68:$("#div").css("backgroundColor","yellow");break;
                    case 69:$("#div").css("backgroundColor","black");break;
                }
            });

2、取消事件冒泡

//事件冒泡:元素中有元素,这些元素都有相同的事件,一旦最里面的元素的事件触发了,外面的所有的元素的相同的事件都会被触发
//元素A中有一个元素B,A和B都有点击事件,B点击事件触发,A点击事件自动触发
jQuery中  return false   //取消事件冒泡

3、each()方法、第一个参数是索引，第二个参数是对象、不同的元素不同的设置方式—each()方法

each()//页面加载后，让每个li的透明度发生改变
//不同的元素不同的设置方式---each()方法
$("#uu>li").each(function(index,element) {
	//第一个参数是索引，第二个参数是对象
	//console.log(argument[0]+"======"+arguments[1]);
	$(element).css("opacity",(index+1)/10);
});

4、多库共存$.noConflict();

让jquery对$对象进行释放控制权
	var xy=$.noConflict();
	//从此以后xy就是曾经的$---一模一样的
	var $=100;//$原本是对象--->变量
	xy(function () {
	xy("#btn").click(function () {
	alert("你好哦，陌生人");
});
});

来源：CSDN

作者：阳光少年～

链接：https://blog.csdn.net/qq_46179813/article/details/103994625

标签

jquery事件

keycode

jquery