标签:parent 匹配 width 页面 scroll 选择 jquery事件 注册 字符串
1,val方法等同于value用于设置和获取表单元素的值 例如input textarea 设置值$("#name").val("xx") 获取值$("#name").val()
2,html方法相当于innerHTML text相当于innerText
js设置内容 $("div").html("<p>xxxx</p>")获取内容$("div").html() text $("div").text("<span>xxxx</span>")获取内容$("div").text()
区别html方法会识别html标签而text方法会那内容直接当成字符串 并不会识别html标签,
3,width和height 方法带参数表示高度 不带参数表示获取高度 获取window网页的可视区匡高方法$(window).height()
4,获取被卷曲的高度和宽度 $(window).scrollTop()(高度)$(window).scrollLeft()(宽度),
5,offset与position方法
offset获取元素距离document的位置 position获取元素距离有定位的父元素位置 $(selector).offset() $(selector).position()
6,事件注册 click(handler) mouseenter(鼠标进入事件) mouseleave(鼠标离开事件)
7,bind方式注册事件 $("p").bind("click mouseenter",function({事件响应方法})) 缺点不支持动态事件绑定
》delegate注册委托事件 $("p").delegate("p","click","function({为parentBox下的所有p标签绑定事件})") 的、缺点只能注册委托事件,因此注册时间需要记得方法太多
最终选用on注册时间 $("p").on("click","span",function({}))
on注册事件的语法
第一次参数events绑定事件的名称可以由空格分隔的多个事件(标准事件或者自定义事件)
第二次事件 selector 执行事件的后代元素(可选)如果没有后代元素 那么事件讲由自己执行
第三次事件 data 传递给处理函数的数据,事件触发的时候通过event。data来使用(不常用)
第四个参数 handler 事件传递函数
8.$(selector).on(events[,selector][,data],handler);
事件解绑 unbind() undelegate()不常用
off()方法推荐使用 解除$(selector).off()解除绑定所有的 $(selcctor).off("click")解除绑定匹配的元素所有的click事件
触发事件
$(selector).click(); $(selector).trigger("click")两种方式 常用的事件是第一种直接用了
9.事件对象
jquery事件对象其实就是js事件对象的一个封装 处理兼容性
screenX与screenY对应屏幕最左上角的值
clientX与clientY距离页面左上角的位置
pageX与pageY距离页面最顶部的左上角的位置
event.KeyCode按下键盘代码
event.data存储绑定事件时传递的附加数据
event.stopPropagation()阻止事件冒泡行为
event.preventDefault阻止浏览器默认行为
return false 既能阻止事件冒泡行为 又能阻止浏览器默认行为
10
end()筛选选择器会改变jquery对象的dom对象 想要返回到上一次的状态 并且返回匹配元素之前的状态
each方法 如果我们要对自己需要的每一个对象设置不同的值的时候就需要自己进行迭代了
作用遍历jquery对象集合 为每一个匹配元素执行一个函数
参数1表示所有匹配元素的索引号
参数2表示当前元素(dom对象)
$(selecttor).each(function(index.function({})))
例如不同的透明度设置
11
> jQuery使用$作为标示符,但是如果与其他框架中的$冲突时,jQuery可以释放$符的控制权. ```javascript var c = $.noConflict();//释放$的控制权,并且把$的能力给了c
标签:parent 匹配 width 页面 scroll 选择 jquery事件 注册 字符串
原文地址:https://www.cnblogs.com/asasas/p/9427676.html