一.<script>urlinfo=window.location.href; //获取当前页面的urllen=urlinfo.length;//获取url的长度offset=urlinfo.indexOf("?");//设置参数字符串开始的位置newsidinfo=urlinfo.substr(offset,len)//取出参数字符串 这里会获得类似“id=1”这样的字符串newsids=newsidinfo.split("=");//对获得的参数字符串按照“=”进行分割newsid=newsids[1];//得到参数值alert("您要传递的参数值是"+newsid);< /script>二.更好的方法:声明一...
用chrome浏览器打开页面,按f12调出开发者调试模式,查看elements,部分代码如下图所示,注意红框部分假设我们要查找某些元素的位置,用鼠标移到那部分元素,调试器会自动用蓝颜色标示选中部分的相应代码,如上图的红框中所示。点击console在控制台输入命令:elements=jQuery.find(‘button.navbar-toggle‘)目的是寻找jquery相应元素,并赋值对象属性到elements这个变量运行后可以看到所有相应的元素,然后输入elements[0]之类的语...
$("checkAll").click(function(){ if($("#checkAll").is(":checked")){ $("[name = items]:checkbox").attr("checked",true); }else{ $("[name = items]:checkbox").attr("checked",false); }}); 这段代码的效果是实现表单元素input的全选,但是在不同的jq版本中可能会出现第一次操作的时候正常,在第二次点击全选的时候就会失效。 jquery1.6版本中新加了prop()方法,作用:获取匹配元素集...
简单对象获取 $("element:first") 获取页面上某个元素的第一个如$("div:frist")表示第一个div $("element:last") 获取页面上某个元素的最后一个如$("div:frist")表示最后一个div $("element:not(selector)") 去除所有与选择器匹配的元素如$("input:not(:check)")表示所有未被选中的复选框 $("element:even") 获取element元素的偶数行 $("element:odd") 获取元素的奇数行 $("element:eq(index)") 获取特定索引的元素 如$("div:el(2)...
今天在工作中需要将某个链接给取消实现只触发事件的目的,后来发现批量取消链接等,脚本之家简单的给整理了下,希望对需要的朋友有所帮助。单个链接取消链接并触发js事件 <a href="javascript:void(0);" onclick="alert(‘ok‘)">测试</a> 批量将网页中的链接取消或重新设置链接的代码: 1 2 <A href="http://www.baidu.com" >百度</A> <A href="http://www.jb51.net" >脚本之家</A> 3 <A href="http://s.jb51.net" >服务器软件...
由于项目需要,使用前端、手机客户端调用ASP.NET的Webservice来获取信息.所以这段时间重温一下Jquery与Web Serivce,过程中碰到不少问题,也有不少的收获。Service代码 [WebMethod]public string HelloWorld(){return "Hello World";}[WebMethod]public string myMethod(string para){return "Hi," + para;}[WebMethod][ScriptMethod(UseHttpGet = true)]public string myMethod1(string para){return "Hi," + para;}
Web端...
下面对最后这几个方法进行讲解。 guid():唯一表示(内部) proxy():改变this指向 access(): 多功能值操作 now():当前时间 swap():css交换(内部) guid:这个属性是对事件进行控制的,例如每次对dom元素进行绑定事件的时候,会通过这个属性进行绑定,这个属性每次自增,产生一个唯一的标示,所以对dom元素进行事件解绑等操作的时候,通过这个属性就可以找到。源码:// A global GUID counter for objectsguid: 1,p...
参考:1、http://www.cnblogs.com/lanleiming/p/5201677.html#p2Jquery 获取元素的方法分为两种:jQuery选择器、jQuery遍历函数。a.只需要一种jQuery选择器选择器实例说明#Id$(‘#myId‘)ID选择器: 可以获取到ID为“myId”的所有元素,区分大小写 b.多种jQuery选择器组合 b1.jQuery选择器选择器实例说明.class$(‘.myClass‘)类选择器:可以获取到class为‘myClass’的所有元素element$(‘p‘)获取所有的<p>元素:header$(‘:...
什么是jQuery对象? ---就是通过jQuery包装DOM对象后产生的对象。jQuery对象是jQuery独有的,其可以使用jQuery里的方法。 比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法.乱使用会报错...
(本文针对jQuery1.6.1版本)关于Deferred函数的描述中有一个词是fledged,意为"羽翼丰满的",说明jQuery.Deferred函数应用应该更成熟。这个函数与jQuery._Deferred函数有密不可分的关系。1 内部实现 Deferred: function( func ) {var deferred = jQuery._Deferred(),failDeferred = jQuery._Deferred(),promise;// Add errorDeferred methods, then and promisejQuery.extend( deferred, {then: function( doneCallbacks, failCallb...
Jquery中each的三种遍历方法 $.post("urladdr", { "data" : "data" }, function(data) { $.each(data, function(n,value) { });}); 1、选择器+遍历$(‘div‘).each(function (i){ i就是索引值 this 表示获取遍历每一个dom对象}); 2、选择器+遍历$(‘div‘).each(function (index,domEle){ index就是索引值 domEle 表示获取遍历每一个dom对象}); 3、更适用的遍历方法 1)先获取某个集合对象2)遍历集合对象的每一个元素...
先看如下代码: 1 (function ($) {2 3var div = $("<div></div>").css({width: "100px", height: "100px"});4var colors = ["red", "blue", "yellow"];5for (var c = 0; c < colors.length; c++) {6var perDiv = div.clone();7 perDiv.css({8 background: colors[c]9 });
10 perDiv.click(function () {
11 console.log(colors[c]);
12 });
13 $("body").append(perDi...
项目中需要在点击按钮时动态生成select元素,为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码1、首先定义全局js变量var strVoucherGroupSelect ="";2、在js中写好获取服务端数据的代码functiongenVoucherGroupSelect(rowID){ return$(strVoucherGroupSelect).attr("id", "sl_"+ rowID).parent().html(); //返回增加ID后的下拉框完整html}functiongetVoucherGroupData(){ $.ajax({ type: "Post",...
问题描述:用ajax跳转的时候,从a.html跳转到b.html后,b.html的css以及js都失效了。 解决办法1:将所有的css以及js全部放在div内。原理:由于jqm的ajax跳转的时候,只会把b.html中内的内容加载进dom,而外的代码都不会加载,所以导致在外的js和css都失效了。 解决办法1:在header设置全局属性。<script>$.mobile.ajaxEnabled =false;</script>原理:全局禁止jqm使用ajax 原文:http://www.cnblogs.com/huangcong/p/4312895.html
定义和用法:根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。如果没有元素符合,或者表达式无效,都返回‘false‘。 ‘‘‘注意:‘‘‘在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true详细说明: 与其他筛选方法不同,.is() 不创建新的 jQuery 对象。相反,它允许我们在不...