美文网首页
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