废话少说，先上代码 jQuery.fn.dataset = function(attr, val) {// 获取数据集if (arguments.length == 0) {var dataset = {};jQuery(this).eq(0).each(function() {var attrs = this.attributes;for (var i = 0, l = attrs.length; i < l; i++) {var attr = attrs[i];if (/^data-/i.test(attr.name)) {dataset[decode(encode(attr.name.substring(5)))] = autobox(attr.value);if (decode(encode(attr.name.substring(5))) == "pa...
主要功能： 获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ： $(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height(); 浏览器当前窗口文档body的宽度： $(document.body).width(); 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度) $(docum...
CheckboxList是服务器控件，绑定数据容易，服务器端获取选中值也容易。但是生成的静态页面居然没有ListItem的Value值，所以默认情况下用js在页面中是取不到ListItem的值的。至于为什么不显示value值，我也不清楚，本篇给出一个用jQuery获取checkboxlist值的方法。 先看看原始的页面html代码：<asp:CheckBoxList runat="server" ID="listTest"> </asp:CheckBoxList> <input type="button" id="btnShow" value="显示选中值" />下面我...
不想用Easyui的样式，但是想要他的表格功能，本来一开始是要到网上找相关插件的，但是没找到就开始自己写，没想到这么简单。后台代码：（这个不重要） public ActionResult GetDictTypes() {var data = from a in dbo.DictTypesselect new DictTypeListViewModel{ID = a.ID,Name = a.Name,LastChangeUser = a.LastChangeUser,LastChangeDate = a.LastChangeDate,Remark = a.Remark};return Json(data.ToList()); } 页面代码： <tab...
代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没有问题，但是在谷歌中可能会出现问题，之所以没货的尺寸就是因为图片没有加载完成。 修改方法如下:$(document).ready(function(){ $img.load(function(){ var img_h=$img.height(); var img_w=$img.width(); }) }) 还有点时间，接下来在给大家分享jQuery动态改变图片显示大小的方法，具体内容如下。 ...
var chils= s.childNodes; //得到s的全部子节点var par=s.parentNode; //得到s的父节点var ns=s.nextSbiling; //获得s的下一个兄弟节点var ps=s.previousSbiling; //得到s的上一个兄弟节点var fc=s.firstChild; //获得s的第一个子节点var lc=s.lastChile; //获得s的最后一个子节点JS获取节点父级，子级元素 先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，...
对于问题从后台获取json数据，将内容填充到下拉列表，代码非常简单，具体过程请看下面代码。 需求：url:链接 par：ID sel：下拉列表选择器 //获取下拉列表function BuildSelectBox(url, par, sel) {$(sel).empty();$.getJSON(url, { id: par }, function (json, textStatus) {for (var i = json.length - 1; i >= 0; i--) {$(sel).prepend(<option value=" + json[i].Id + "> + json[i].Name + </option>)};$(sel).prepe...
下面把jQuery获取页面及个元素高度、宽度的方法汇总，分享给大家。 获取浏览器显示区域（可视区域）的高度 ： 代码如下: $(window).height();获取浏览器显示区域（可视区域）的宽度 ：代码如下: $(window).width();获取页面的文档高度 代码如下: $(document).height(); 获取页面的文档宽度 ：代码如下: $(document).width();浏览器当前窗口文档body的高度： 代码如下: $(document.body).height();浏览器当前窗口文档body的宽度...
本文实例讲述了jQuery获取URL请求参数的方法。分享给大家供大家参考。具体如下： $.extend({getUrlVars: function(){var vars = [], hash;var hashes = window.location.href.slice(window.location.href.indexOf(?) + 1).split(&);for(var i = 0; i < hashes.length; i++){hash = hashes[i].split(=);vars.push(hash[0]);vars[hash[0]] = hash[1];}return vars;},getUrlVar: function(name){return $.getUrlVars()[name];} });调用...
html代码： <tr><td><input type="checkbox" name="uid" value="<?=$item[mtaccount_id]?>"></td><td><?=$item[mtaccount_id]?></td><td><?=$item[account_id]?></td><td><?=$item[account_name]?></td><td><?=$item[server]?></td><td><?=$item[platform]?></td> </tr>我的是html里的数据是从数据库读出来的，在此可以理解为下面代码 <li><input type="checkbox" name="uid" value="1" />用户1</li> <li><input type="checkbox" n...
本文实例讲述了jquery获取当前元素索引值用法。分享给大家供大家参考。具体如下： 今天在做促销页面的图片轮转效果时，下方页码的左边需要对应显示图片的说明信息，效果如下：思路： 页面部分当为当前状态的时候，会添加“active”样式。 通过获取 li class="active" 的索引值，对应找到相应的图片说明信息，显示出来。 解决： 通过jquery的 index() 可以很轻松的实现该效果。 代码如下： HTML： <div id="carousel"> <div id="car...
本文实例讲述了jQuery获取页面元素绝对与相对位置的方法。分享给大家供大家参考。具体如下： 获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $(#DivID).offset().top; var Y = $(#DivID).offset().left;获取相对(父元素)位置: var X = $(#DivID).position().top; var Y = $(#DivID).position().left; var pleft = $("selector").scrollLeft();//元素相对于滚动条左边的偏移量 var pTop = $("selector").scrollTop...
在ASP.NET中使用js时，js获取DOM元素时，经常获取不到，这是因为获取的方法有误，现在介绍一方法，解决如何使用js获取ASP.NET控件在浏览器端生成html标签对应的id 1.获取服务器端控件在浏览器端生成的标签的id，即服务器控件对应的客户端html标签id 通过服务器端控件的ClientID属性可以获取到相应在浏览器即客户端html标签中对应的id值，获取方法如下 代码如下:代码如下: <%= newsId.ClientID %>2.通过dom获取相应的dom元素 可以通...
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <title>jquery 获取鼠标指针的坐标</title> <script> //普通js函数 function test(event) {event = event || window.event;var x = event.offsetX || event.layerX;var y = event.offsetY || event.layerY;alert("x="+x+"; y="+y);} /...
方法一： $(input[type="file"]).on(change, function() {var reg = /[^\\\/]*[\\\/]+/g; //匹配文件的名称和后缀的正则表达式var name = $(this).val().replace(reg, );var postfix = /\.[^\.]+/.exec(name);//获取文件的后缀var text =name.substr(0,postfix[index]);//获取没有后缀的名称// 检测上传文件}); 方法二：以下只是个例子，变量file可以是任意类似于网络路径的字符串，这个例子是获得name=file的对象传过来的文件地址...