曾经写代码中，每当须要获取元素的实际“宽度”（这里的宽度是指元素宽度加上其边距）时，都须要用元素宽度加上margin值才行，今天发现一个叫outerWidth(options)的方法 ,非常好用。完毕了原来须要用一段来操作做的工作。这种方法不适用于window 和 document对象，能够使用.width()取代。以下是其简介outerWidth(options)获取第一个匹配元素外部宽度（默认包含补白和边框）。此方法对可见和隐藏元素均有效。返回值：Integer 一个整...
#################################常用的标签选择器#########################################1、示例代码<div id=‘t1‘></div>获取id为t1标签$(‘#t1‘)2、示例代码<div class=‘t2‘></div>获取div标签$(‘.t2‘)3、示例代码<p>dagagagragag</p><p>dagagagragag</p>获取所有的p标签$(‘p‘)4、示例代码<div id=‘tt‘> <div class=‘t3‘> <p></p> <span></span> </div></div>获取id为tt的标签和p标签以及span...
1、prop方法获取、设置checked属性当input控件checkbox设置了checked属性时，无论checked=”“或 checked=”checked”，$(obj).prop(“checked”)的结果都是true； 当input控件checkbox没设置checked属性时，$(obj).prop(“checked”)的结果是false。 设置$(“input[name=’checkboxall’]”).prop(“checked”, true)时，checkbox会被选中； 设置$(“input[name=’checkboxall’]”).prop(“checked”, false)时，checkbox不会被选...
转自：http://blog.sina.com.cn/s/blog_5fdbd0410100pmnn.html <ul> <li>John</li> <li>Karl</li> <li>Brandon</li></ul>获取第一个元素： $("ul li:first-child")<div id="getfirst"> <ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul></div>获取第一个元素： $("#getfirst").find("ul li:first-child")或$("#getfirst").find("ul li").get(0)或$("#getfirst").find("ul li").first() 注意的是：$("#get...
<body><div>点击按钮获取音乐列表</div><input type="button" id="button" value="确定"/><div id="result"></div><div>添加新的音乐</div><input type="text" name="" id="" value=""/><input type="button" id="button2" value="添加"/></body><script type="text/javascript">$(document).ready(function(){$(‘#button‘).click(function(){$.ajax({ type:"GET", url:"json/music.txt", //路径dataType:"json", success:functi...
效果图：首先根据自己方法把地区树状结构json字符串拿到html下拉框和js写法如下: <select name="shi" onchange="getDiquList(this.value,3);changeList(this.value,‘shi‘)"> </select> <select name="quxian" onchange="getDiquList(this.value,4);changeList(this.value,‘quxian‘)"></select><select name="xiangzhen" onchange="getDiquList(this.value,5);changeList(this.value,‘xiangzhe...
截取字符串；字符串拼接；动态循环添加元素：获取当前按钮：{data : null, render: function(data, type, row ) {var loginName = $("#loginName").val();var div = $("<div class=‘btn-group‘></div>");var button1 = $("<button role=‘download‘ value=‘" + row[5] + "‘ name=‘download‘ class=‘btn btn-xs btn-info glyphicon glyphicon-save‘ title=‘下载‘></button>");var button2 = $("<button role=‘pass‘ n...
var listItem = ""; $(‘#AddTable tr‘).each(function () { if ($.trim($(this).children("td:eq(0)").text()) == "移除") { var pkid = $.trim($(this).children("td:eq(0)").children("#BusinessCategoryId").val()); var EntireCategoryCode = $.trim($(this).children("td:eq(1)").text()); var BizCategoryName = $.trim($(this).chil...
在Jquery EasyUI中返回操作的时候，根据当前页返回到数据选取页：var grid = $(‘#datagrid‘); var options = grid.datagrid(‘getPager‘).data("pagination").options; var curr = options.pageNumber; var total = options.total; var max = Math.ceil(total/options.pageSize); 原文：http://www.cnblogs.com/-blog/p/5192800.html
**********************获取元素**************************** //返回id为msg的元素节点的html内容。$(”#msg”).html(); //将“<b>new content</b>”作为html串写入id为msg的元素节点内容中,页面显示粗体的new content(会解析)$(”#msg”).html(”<b>new content</b>”);//返回id为msg的元素节点的文本内容。$(”#msg”).text(); //将“<b>new content</b>” 作为普通文本串写入id为msg的元素节点内容中,页面显示<b>new cont...
语法结构：$(selector).attr(attribute), //selector为选择器名，attribute为指定要获取的元素的属性名修改元素属性的$(selector).attr(attribute,value), //selector为选择器名，attribute为指定要获取的元素的属性名<!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><meta http-equiv="Content-Ty...
JQuery获取input type="text"中的值的各种方式 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <script src="jquery-1.5.1.min.js" type="text/javascript"></script> ...
例子：如果页面中存在多个此种结构的页面<div class="index_1_left"> <ul> <li class="li_2"><a href="${common.basepath}/foods.action#food01">开始降糖减肥</a></li> <li class="li_3"><a class="a" href="#">营养评估</a></li> <li class="li_4"><a href="#">医学症状评估</a></li> <li class="li_5"><a href="#">健康评估小工具</a></li> <li class="li_6"><a class="b" href="#">常见问题</a></li> <li class="li_7"> <div c...
在前端中有许多时候希望显示图片的的真实大小的场景(如果图片预览这样的场景)，如果直接用选择器把html中的img元素选择出来然后输出他的width()和height()的话，如果对img元素有做样式限定的则输出的是样式中的高度和宽度,无法得出图片的真实像素大小。这里可采用新建个图片对象，然后直接载入(这里可以用load载入)整个图片然后在或者其高宽属性即可。如以下demo代码$(document).ready(function(){ $("img").each(function...
Javascript: IE中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==> 可见区域高度FireFox中：document.body.clientWidth ==> BODY对象宽度document.body.clientHeight ==> BODY对象高度document.documentElement.clientWidth ==> 可见区域宽度document.documentElement.clientHeight ==>...