jquery获取div宽度的实现思路与代码_jquery

jquery 获取 DIV的width的语句

复制代码 代码如下:

$("#keleyi_com").width();
其中keleyi_com为DIV的id。

完整示例代码

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jquery 获取 DIV的width(宽度) - 柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="keleyi_com" style="width:800px;border:1px solid silver">本DIV的id为keleyi_com;<br />为欢迎访问http://www.jb51.net</div>
<script type="text/javascript">
$(document).ready(
function () {
alert("id为keleyi_com的width为:"+$("#keleyi_com").width());
}
)
</script>
</body>
</html>

时间: 2024-10-03 07:34:50

jquery获取div宽度的实现思路与代码_jquery的相关文章

JQuery获取各种宽度、高度(format函数)实例_jquery

复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"><head>    <title>获取页面宽度</title>    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></

jquery 获取 outerHtml 包含当前节点本身的代码_jquery

在开发过程中,jQuery.html() 是获取当前节点下的html代码,并不包含当前节点本身的代码,然后我们有时候确需要,找遍jQuery api文档也没有任何方法可以拿到. 看到有的人通过parent().html(),如果当前元素没有兄弟元素还行,如果有那就行不通了.后来实验发现有一个jQuery的一个方法可以解决,而且非常简便,如下: jQuery.prop("outerHTML"); 复制代码 代码如下: <div class="test">&

JQuery获取或设置ckeditor的数据(示例代码)_jquery

从CKEditor取数据时, 复制代码 代码如下: var data_tc = CKEDITOR.instances['txt_editor_tc'].getData(); 向CKEditor设置数据时, 复制代码 代码如下: CKEDITOR.instances['txt_editor_sc'].setData('test'); 这两句代码是在JQuery或者JS时获取CKEditor或设置CKEditor数据时用的.

JQuery获取文本框中字符长度的代码_jquery

趁我写例子这点时间有两个人回答了 呵呵 刚才试验过了 看下例子吧 JS 方法: 复制代码 代码如下: <script type="text/javascript"> // 得到字符串的真实长度(双字节换算为两个单字节) function getStrActualLen(sChars) { //sChars.replace(/[^\x00-\xff]/g,"xx").length/1024+"字节"; //Math.round(sCha

JQuery获取浏览器窗口内容部分高度的代码_jquery

下面是测试代码,记得先引用JQuery库 复制代码 代码如下: <script type="text/javascript"> $(document).ready( function() { var h = $(window).height(); alert(h); } ) </script> Firefox下: IE下: 可以发现它获取的却是是窗口的内容部分高度,而不是浏览器窗口的高度.Oh Yeah!

jquery 获取自定义属性(attr和prop)的实现代码_jquery

1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2. attr(属性名, 属性值) //设置属性的值 (为所有匹配的元素设置一个属性值.) 3. attr(属性名,函数值) //设置属性的函数值 (为所有匹配的元素设置一个计算的属性值.不提供值,而是提供一个函数,由这个函数计算的值作为属性值.) 4.attr(properties) //给指定元素设置多个属性值

JQuery浮动DIV提示信息并自动隐藏的代码_jquery

复制代码 代码如下: /** * 浮动DIV定时显示提示信息,如操作成功, 失败等 * @param string tips (提示的内容) * @param int height 显示的信息距离浏览器顶部的高度 * @param int time 显示的时间(按秒算), time > 0 * @sample <a href="javascript:void(0);" onclick="showTips( '操作成功', 100, 3 );">点击

JQuery 获取json数据$.getJSON方法的实例代码_jquery

 前台:  复制代码 代码如下:  function SelectProject() {            var a = new Array;            var r = window.showModalDialog('SelProject.aspx', a, "dialogWidth=1000px; dialogHeight=600px; resizable: yes");            if (typeof (r) != 'undefined') {    

jquery获取tr并更改tr内容示例代码_jquery

复制代码 代码如下: $(document).ready(function() { $("#Email tr").each(function(){ var objString =$(this).children("#Emailtd").text(); if(objString.length>46){ objString=$(this).children("#Emailtd").text(objString.substring(0,46) +