jquery获取div宽度的实现思路与代码
$("#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>
相关推荐
-
jquery 为a标签绑定click事件示例代码
$(document).ready(function() { $("a[name='del']").click(function(){ Ext.Msg.confirm('提示','你确定要删除该公告吗?',function(button,text){ if(button=='yes'){ window.location.href="/admin/note!delete.action?id=${id}"; } }); }); $("a[class='del2
-
jquery通过a标签删除table中的一行的代码
复制代码 代码如下: <tr> <td width="10%"> <s:property value="#owner.id" /> </td> <td width="20%"> <s:property value="#owner.name" /> </td> <td width="15%"> <s:prop
-
javascript和jquery修改a标签的href属性
javascript: 复制代码 代码如下: document.getElementById("myId").setAttribute("href","www.xxx.com"); document.getElementById("myId").href = "www.xxx.com"; jquery: 复制代码 代码如下: $("#myId").attr("href"
-
Jquery为a标签的href赋值实现代码
复制代码 代码如下: <script type="text/javascript"> function doTest(){ var value = $("input[name='dizhi'][type='radio']:checked").val();//获得选中项的值 $('#a1').attr('href','shoppeisong.php?addid='+value+''); } </script> 要取的INPUT 标签<in
-
JQuery实现点击div以外的位置隐藏该div窗口
jquery实现鼠标点击div外的地方div窗口隐藏消失的 复制代码 代码如下: <!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"> <he
-
使用JS或jQuery模拟鼠标点击a标签事件代码
复制代码 代码如下: <a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 触发了a标签的点击事件,但是没有触发页面跳转 document.getElementById("alink").click(); //既触发了a标签的点击事件,又触发了页面跳转 把 &
-
jquery获取div距离窗口和父级dv的距离示例
jquery中jquery.offset().top / left用于获取div距离窗口的距离,jquery.position().top / left 用于获取距离父级div的距离(必须是绝对定位的div). (1)先介绍jquery.offset().top / left css: 复制代码 代码如下: *{ margin: 0px; padding: 0px; } div{ margin: 0px auto; } .a{ width: 960px; height: 200px; } .pa
-
jquery触发a标签跳转事件示例代码
1.写入<a>标签: <a target="_blank" href="javascript:void(0)" onclick="checkValidate()">水觅微博</a> 2.加入JS: 复制代码 代码如下: <script type="text/javascript"> function checkValidate(){ if($("#signOut&quo
-
jQuery简单获取DIV和A标签元素位置的方法
本文实例讲述了jQuery简单获取DIV和A标签元素位置的方法.分享给大家供大家参考,具体如下: 一.获取DIV的位置 var top = jquery("#div_id").offset().top; //获取div的居上位置 var left = jquery("#div_id").offset().left; //获取div的居左位置 var height = jquery("#div_id").height(); //获取div的高度 v
-
jquery层级选择器的实现(匹配后代元素div)
如下所示: <!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>层级 </title&g
-
jQuery判断div随滚动条滚动到一定位置后停止
实现代码: 复制代码 代码如下: <script type="text/javascript">var rollSet = $('#widget'); var offset = rollSet.offset(); var fwidth = $("#footer").height(); $(window).scroll(function() { var scrollTop = $(window).scrollTop();
-
jQuery实现将div中滚动条滚动到指定位置的方法
本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法.分享给大家供大家参考,具体如下: 一.Js代码: onload = function () { //初始化 scrollToLocation(); }; function scrollToLocation() { var mainContainer = $('#thisMainPanel'), scrollToContainer = mainContainer.find('.son-panel:last');//滚动到<div
-
通过JQuery将DIV的滚动条滚动到指定的位置方便自动定位
这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位. 复制代码 代码如下: var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({
随机推荐
- Visual Studio 2017 ASP.NET Core开发
- SWT(JFace) FTP客户端实现
- 手机Web APP如何实现分享多平台功能
- jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
- jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
- php 验证码制作(网树注释思想)
- Ha0k 0.3 PHP 网页木马修改版
- javascript正则表达式参数/g与/i及/gi的使用指南
- Python基础篇之初识Python必看攻略
- python实现根据月份和日期得到星座的方法
- Java多线程编程之使用Exchanger数据交换实例
- python中list循环语句用法实例
- FCKEDITOR 的高级功能和常见问题的解决方法
- VBS教程:函数-LBound 函数
- Android下拉刷新上拉加载控件(适用于所有View)
- javascript不同页面传值的改进版
- 微信小程序 数组(增,删,改,查)等操作实例详解
- Android 对话框(Dialog)大全详解及示例代码
- Python和Java进行DES加密和解密的实例
- php利用ob_start()清除输出和选择性输出的方法