美文网首页
jq知识小总结1

jq知识小总结1

作者: 前端毛毛 | 来源:发表于2018-10-23 13:31 被阅读0次

具体可参考https://www.jb51.net/shouce/jquery1.82/

1.操作设置属性的方法:attr()  prop()

2.操作html代码/文本.值:html()  text() val()  //html()和innerhtml一样 text()和innertext一样  val()跟value一样  只是jq跟js的区别

3.获取设置尺寸:width()  height()  不包括边框内边距 只是css中的width/height

4.获取设置位置:offset()    //获取元素距离窗口的偏移位用法offset().left/top 设置为offset({});

                           position()  //获取元素距离定位元素的偏移值 只可获取不可设置

                            scrollTop([val])  //获取匹配元素相对滚动条顶部的偏移。

5.事件解绑:元素.off()  //不传参数等于移除所有   off("移除的事件名称",移除所指定类型的指定事件)

  事件冒泡:当分别给父元素跟子元素都设置了相同事件名称  当触发子元素的事件时 可能还会触发父元素 为了防止这种事件冒泡  在子元素回调函数中加 return false 也可event.stopPropagation()

兼容处理: if(event && event.stopPropagation){ // w3c标准

                event.stopPropagation();

                    }else{ // IE系列 IE 678

            event.cancelBubble = true;

        }

默认行为:比如a标签 如果href设置为网址 当a标签的事件响应后默认跳转 为了阻止默认跳转在事件的回调事件中加 return false 也可event.preventDefault();

事件自动触发:元素.trigger("触发事件名称")  也可元素.triggerHandler("触发事件名称") 区别在于当有事件冒泡时 trigger会自动触发事件冒泡  triggerHandlerr则不会

(面试题:)

相关文章

网友评论

      本文标题:jq知识小总结1

      本文链接:https://www.haomeiwen.com/subject/rmnfaftx.html