如何使用jQuery获取对象的尺寸

如何使用jQuery获取对象的尺寸,第1张

jqObjwidth();//获取宽度,该宽度不包含border(左右)和padding(左右)所占大小

jqObjouterWidth();//也是获取宽度,该宽度包含border(左右)和padding(左右)所占大小

//高度同理,jqObjheight() 和 jqObjouterHeight();

//比如有下面这样一个div

<div id="box" style="width:15px; height:15px; border:solid 5px #ccc; padding:3px; ">

</div>

var jqObj = $("#box");

jqObjwidth(); //结果为 15;

jqObjouterWidth(); //结果为  15 + 10 + 6; 

//15为width,10为border-width左右的尺寸,6为padding左右的尺寸

<html>

<script type="text/javascript">  //JS必须写在这个标签下,这个标签必须在HTML标签下

function test(but){   //函数必须有入参才能接收你传入的参数

                   var name= butname;  //name属性是对象本身就有的属性,可以直接取。

   alert(name); 

}   

</script>                                       

<button type='button' onclick='test(this)' name='btn'>按钮</button>

</html>

jquery获取当前元素的坐标

1,获取对象

var obj = $("#id号"); 或 var obj = $(this);

实例中我获取的对象是d出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调整,实例中将创建的新窗口显示的按钮的右下角。

2,获取对象元素的位置(offset()方法)

var offset = objoffset();

获取对象元素的位置,分别是元素的top和left,调用方法是:offsetleft和offsettop,可知当前对象的左部和顶部位置。

3,获取对象元素的宽度(width()方法)

var right = offsetleft+objwidth();

实例中是获取对象的右下角位置,创建新窗口的左部位置。

4,获取对象元素的高度(height()方法)

var down = offsettop+objheight();

实例中是获取对象的右下角位置,创建新窗口的顶部位置。

1、你取得iframe的document的前提为这个iframe的地址是你域内的页面,

比如你设src为百度,取这个iframe的document时就会报拒绝访问的错误

2、我试过了 documentgetElementById('myf')contentWindowdocument 在ie与谷歌都行的

3、documentframes('iframename')document 这个方法只能在ie下面取得到

4、用火狐的firebug看看吧,有什么错都会显示出来,莫名其妙的事情什么时候都可能发生,

有时我直接取取window都报undefined

1、$("form :input") 返回form中的所有表单对象,包括textarea、select、button等

2、 $("form input")返回form中的所有input标签对象

3、form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回)

4、form :input是属于表单选择器(匹配所有<input>、<textarea>、<select>、<button>元素)

jquery怎么取得form表单的url路径,并提交;

<script type="text/javascript"> function uimage monkeyuploadFile"h",type:"image"function(path) alert(path);

$("#ren")append("<img src=" + "/Images/Upload/" + path + id='sctp'style='width:500px;height:500px'/>");

</script></head><body> <input type="file" name="h" id="h" onchange="uimage;"/> <div id="ren"></div></body>

扩展资料

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料

jQuery-百度百科

以上就是关于如何使用jQuery获取对象的尺寸全部的内容,包括:如何使用jQuery获取对象的尺寸、jquery用this获取不到html行内绑定事件的元素、用jquery如何实时获取对象的坐标等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9424292.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存