jQuery学习笔记2

jQuery事件

事件注册

//单个事件注册
$("div").click(function(){});

//on()方法绑定一个或多个事件的事件处理函数
//element.on(events,selector,fn);
$("div").on(mouseenter:function(){},mouseleave:function(){});
/*
event:一个或多个用空格分隔的事件类型，如click'或'keydown'
selector:元素的子元素选择器
fn:回调函数 即绑定在元素身上的侦听函数
*/

//on()可以实现事件委派
$("div").on("click","ul",function(){});
//click 是绑定在div上的，但是触发对象是div里的ul

//动态创建的元素，click()没有办法绑定事件，on()可以给动态生成的元素绑定事件

//one()只触发一次
$("div").one("click",function(){});

//自动触发
//第一种：element.click();
$(function(){});
//第二种:element.trigger("type");
$("div").trigger("click");
//第三种:element.triggerHandler("type");(不会触发元素默认行为)
$("div").triggerHandler("click");

事件解绑

$("div").off(); //全部解绑
$("div").off("click"); //解绑点击事件
$("div").off("click"，"sli"); //解除事件委托

事件对象

//阻止冒泡
event.stopPropagation();
//阻止默认行为
event.preventDefault(); 或者 return false;

jQuery其他方法

拷贝对象

$.extend(deep,target,object1,objectN)
/*
deep:如果设为true为深拷贝，默认false浅拷贝,浅拷贝把原来对象里的复杂数据类型地址
     拷贝给目标对象，深拷贝完全克隆(拷贝对象，非地址)，修改目标对象不影响被拷贝对象
target：要拷贝的目标对象
object1：待拷贝到第一对象的对象
*/

数组对象与字符串格式转换

//数组对象转字符串
JSON.stringify(数组对象);

//字符串转数组对象
JSON.parse(字符串);

根据索引号删除相应数据

splice(i,1);
//i从第几个索引开始，1删除几个

多库共存

//第一种解决方案：把$符号统一改为jQuery

//第二种解决方案,释放对$控制权，用户自己决定
var Su = jQuery.noConflict();
Su("div");

jQuery插件

jQuery之家：https://www.htmleaf.com/

bootstrap组件

https://v3.bootcss.com