首页
学习
活动
专区
圈层
工具
发布

js、jQuery 获取文档、窗口、元素的各种值

基于两年开发经验,总结了 javascript、jQuery 获取窗口、文档、元素的各种值 javascript: 文档:是整个document所有的内容 浏览器当前窗口文档body的宽度: document.body.clientWidth...在当前触发鼠标事件的元素和它的祖先元素中找到最近的具有定位属性的元素,计算鼠标与其的偏移值, 以找到元素的border的左上角的外交点作为相对点。...另外offsetY并不在乎触发事件的元素是否有定位属性,它总是相对于触发事件的元素来计算偏移值。...鉴于layerY和offsetY的不同,要兼容的使用二者要注意   1.触发事件的元素一定要设置定位属性。   ...2.在元素具有上边框border-top的情况下, layerY比offsetY的值多一个border-top的宽度值。

19K32
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JQuery如何获取ID含有特殊字符的DOM元素

    为业务需要,DOM元素的ID被命名为“c-order.range”,执行JQuery的DOM查询时,提示如下错误 Uncaught Error: Syntax error, unrecognized expression...解决办法:document.getElementById 以前总觉得这个办法笨拙,现在越觉得此方法强大,几乎就是大杀器,没有查询不了的元素,无论你的元素ID命名多么刁钻。...var rowId = 'c-order.range', view = document.getElementById(rowId), // 将Element对象转换为JQuery对象...c-order.range'; // 依旧提示unrecognized expression表达式错误 alert(('[id=' + rowId + ']').length) // 将所有的id值用双引号包起来...,即可进行识别 // 请注意双引号添加的位置,只在id上进行包裹 alert(('[id="' + rowId + '"]').length)

    14K20

    jquery 获取鼠标和元素的坐标点

    获取当前鼠标相对img元素的坐标 $('div').mousemove(function(e) { varpositionX=e.pageX-$(this).offset().left;...; console.log(pageX+' '+pageY); }) 1,获取对象 var obj = $(“#image”); 2,获取对象元素的位置...(offset()方法) var offset = obj.offset(); 获取对象元素的位置,分别是元素的top和left,调用方法是:offset.left和offset.top,可知当前对象的左部和顶部位置...3,获取对象元素的宽度(width()方法) var right = offset.left+obj.width(); 实例中是获取对象的右下角位置,创建新窗口的左部位置。...4,获取对象元素的高度(height()方法) var down =offset.top+obj.height(); 实例中是获取对象的右下角位置,创建新窗口的顶部位置。

    4.3K41

    jquery 与javascript 获取元素尺寸大小的对比

    jquery获取尺寸的方法 width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。 height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。...innerWidth() 方法返回元素的宽度(包括内边距)。 innerHeight() 方法返回元素的高度(包括内边距)。 outerWidth() 方法返回元素的宽度(包括内边距和边框)。...outerHeight() 方法返回元素的高度(包括内边距和边框)。 js获取尺寸的方法 clientWidth 是对象可见的宽度,不包滚动条等边线,会随窗口的显示大小改变。...offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。...2.offsetWidth属性仅是可读属性,而style.width是可读写的。 3.offsetWidth属性返回值是整数,而style.width的返回值是字符串,并且带有单位。

    2.9K30

    JavaScript与jQuery获取元素的宽、高和位置

    今天汇总整理了 JavaScript 和 jQuery 获取元素宽高和位置的方法,比较全面,方便自己和需要并搜到此文章的朋友们查看。...:元素的高度(包括边框和内边距,不包括外边距) offsetWidth :元素的宽度(包括边框和内边距,不包括外边距) 偏移值 offsetLeft :元素的相对水平偏移位置(左边界距离可视区域最左侧的距离...:是该元素的显示(可见)的内容与该元素实际的内容的距离(滚动条滚去的高度) jQuery中: ?...元素的宽高 width() :获得或设置元素【内容】的宽;若元素的display:none,其值为0 height() :获得或设置元素【内容】的高;若元素的display:none,其值为0 innerWidth...$(document).scrollTop() :document 元素相对 document 元素对应的滚动条顶部的垂直偏移量,可获取已滚动的距离或设置将要滚动的距离。

    5.4K01
    领券