1、查找所有符合条件的元素 find() 举例： $(ul).find(li).addClass(tmpExample); 查找页面中ul元素下的所有li元素，并为查找到的li元素增加tmpExample样式。 2、查找指定元素的兄弟节点 siblings() 举例：$(li#tmpCarrot).slblings().addClass(tmpExample); 查找ID为tmpCarrot的li元素所有的兄弟节点，并为查找到的兄弟节点增加tmpExample样式。 可以在slblings()的括号中添加选...
jQuery Mobile 的一个BUG： 当不采用 ajax 以及 他自己的 back 返回的时候，即： 点击浏览器后退按钮时，将会从缓存之中加载页面，此时，讨厌的 loading 动画出来了，而且一直不消失。 网上找了好多解决方法，搜索了好久都没有好用的，今天突然想起来个釜底抽薪，直接动jqeury-mobile 的类库. 用编辑器打开， 找到显示pageLoading的方法， showPageLoadingMsg 的定义处： 然后加上一句代码，if("".length 代码如下: showPageLoadin...
本文实例讲述了jQuery实现元素拖拽并cookie保存顺序的方法。分享给大家供大家参考，具体如下：div { border: 1px solid red; } #myList { padding-top: 20px; width: 500px; background: #EEE; list-style-type: none; } #myList li { height: 30px; cursor: pointer; margin: 20px; border: 1px solid blue; } #myList a { text-decoration: none; color: #0077B0; } #myList a:hover { text-decoration: underline; } #myList .q...
实例如下： //不多说，直接上代码。 $("table tr").click(function() {//为表格的行添加点击事件var tr = $(this);//找到tr原色var td = tr.find("td");//找到td元素alert(td[0].innerHTML);//指定下标即可})今日项目中需要用到取table选中列的数据，网上资料发现都不能获取到选中指定列的数据，通过分析测试后总结出以上代码，可以获取选中行/列的数据。取td的数据不是.val()，也不是.html()。经过多次测试才发现是通过innerHTML(...
本文实例讲述了jquery序列化方法。分享给大家供大家参考。具体分析如下： 做ajax的时候，经常需要序列化， serialize()只能序列化表单 。（注 ： 表单里的内容 只能用 name ） 现在有一个对象：代码如下:var obj={a:1,b:2,c:3}; 怎么让它序列化呢？ 用prototype 可以用$H(obj).toQueryString() 搞定？jqueyr有什么方法吗？ 答案是肯定的， jquery提供了 $.param（）。 var obj={a:1,b:2,c:3}; var k = $.param(obj); alert(k) // 输...
刚创建的元素，使用jQuery的each方法来遍历，有时候会不起作用。 原因不用多说，经常使用javascript的人应该都会知道，解决方案大致有2种： 1、刚创建完元素的时候，就立刻使用each方法代码如下: $(#btn).on("click", function(){ $(#div).append("<input type=text />"); $("input").each(function(){ //TODO: }); });2、使用setTimeout方法在页面加载完成一段时间后再使用each方法代码如下: setTimeout(func...
这篇文章主要介绍了jquery中each方法使用及常用选择器都有哪些，需要的朋友，可以参考下 <head> <title></title> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { //alert($("p").text()); //对数组元素使用匿名函数进行逐个处理。 $("p").each(function(key, value) { //alert(key+value); // alert($(value).text()); alert(this.innerHTML); }); //...
本篇文章主要是对jquery中$.post()方法的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助在jqery中有这样一个方法，$.post()下面就这个方法做一个简单的实例：jQuery.post( url, [data], [callback], [type] ) ：使用POST方式来进行异步请求参数：url (String) : 发送请求的URL地址.data (Map) : (可选) 要发送给服务器的数据，以 Key/value 的键值对形式表示。callback (Function) : (可选) 载入成功时回调函数...
概观 我不时会在jQuery中检查某种条件,然后根据结果添加/删除cssClass到一个元素. 在调用add(remove)Class之前,我总是检查是否已经(或者)已经应用了该类. 在代码中,这转换为var myElement = $('#something'),someClass = 'coolClass';if (someCondition) {// addClass, but only if that class isn't already on this elementif (!myElement.hasClass(someClass)) { myElement.addClass(someClass); }} else {// otherwise, remove...
代码如下:<html> <table class=”ed”> <tr> <td><input type="text"></input></td> <td><input type="text"></input></td> <td><input type="button"></input></td> <td><input type="text"></input></td> </tr> </table> </html> 需要定位到第三个文本框的时候： 代码如下:$(“.ed input:text)”).eq(3) $(“.ed input:text:eq(3)”) $(“.ed input[type=”text”]”).eq(3) $(“.ed input[type=”text”]:eq(3)”) 其中.ed中...
一、CSS 1、css(name) 访问第一个匹配元素的样式属性。 返回值 String 参数 name (String) : 要访问的属性名称 示例： 代码如下: $("p").css("color"); //取得第一个段落的color样式属性的值 2、css(properties) 把一个“名/值对”对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。 返回值 jQuery 参数 properties (Map) : 要设置为样式属性的名/值对 示例： 代码如下: //1 将所...
在jquery中的ajax有二个数据发送模式，一种是get，另一种是post()。 jQuery Ajax 参考手册 实例 请求 test.php 网页，忽略返回值： $.post("test.php"); TIY 实例 通过 AJAX POST 请求改变 div 元素的文本： $("input").keyup(function(){txt=$("input").val();$.post("demo_ajax_gethint.asp",{suggest:txt},function(result){$("span").html(result);}); });亲自试一试 定义和用法 post() 方法通过 HTTP POST 请求从服务器载入数...
UI Layout是一种基于jQuery的布局框架，项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border-layout，因此十分适用于将原有使用ExtJS的项目改造成jQuery项目。其核心是一个大小自适应的中心面板（必选），面板的上下左右四个方向可以放置可折叠、可缩放的面板（可选），各个面板可以添加任意数量的页眉和页脚面板。UI Layout支持内层布局的嵌套，任意块元素都可以当作布局的容器，最基本的布局容器是body。基...
jq中的extend在面试中经常会被问道，今天我总结一个下有关于extend的用法三种进行对比，可能不全，希望大家指点， 用法一： $.extend({}) ,为jQuery类添加方法，可以理解为扩展静态方法用法二：$.fn.extend({}) 插件，对jQuery.prototype进行扩展，提到插件那么就得说一下另一种方法$.fn.method = function(){}1. $.fn.method = function(){} 可以定义一个方法 2 . $.fn.extend({}) 定义多个方法。 需要...
jquery-autocomplete配置： <script type="text/javascript" src="/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/js/jquery.autocomplete.min.js"></script> <link rel="Stylesheet" href="/js/jquery.autocomplete.css" /> 首先是一个最简单的Autocomplete（自动完成）代码片段： 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>AutoComplate</title> <script...