JQuery专题
lazypen555
这个作者很懒,什么都没留下…
展开
-
属性选择器
<br />什么是属性选择器呢?感觉理解起来有点难,举个例子就很容易明白了,<div id="ajaxa"></div>这里的id就是属性,这下就很容易理解了,<br />jquery的属性选择器分以下几种用法。<br />$("div[id]") 查找所有含有 id 属性的div元素。<br />$("div[id='ajaxa']") 查找 id 为 ajaxa 的 div 元素。<br />$("div[id!='ajaxa']") 查找 id转载 2010-06-28 10:14:00 · 179 阅读 · 0 评论 -
jQuery 入门学习 基础教程 用表格分类插件
<br />该插件是运行在客户端的,所以你只要在你文件里包含jquery和插件的文件并且写出你想如何分类。试试下面的例子。在starterkit.htm里添加下面一行代码:<br /><script src="lib/jquery.tablesorter.js" type="text/javascript"></script><br />把插件包含进去后,你还需要在custom.js里写<br />$(document).ready(function() {<br />$("#large").tableSo转载 2010-06-23 11:07:00 · 289 阅读 · 0 评论 -
jQuery对象与dom javascript的对象之间相互转换
<br />jQuery对象转成DOM对象:<br />两种转换方式将一个jQuery对象转换成DOM对象:[index]和.get(index);<br />(1)jQuery对象是一个数据对象,可以通过[index]的方法,来得到相应的DOM对象。<br />如:var $v =$("#v") ; //jQuery对象<br />var v=$v[0]; //DOM对象<br />alert(v.checked) //检测这个checkbox是否被选中<br />(2)jQuery本身提供,通过.get转载 2010-06-23 13:21:00 · 460 阅读 · 0 评论 -
JQuery总结性技巧
1.$(document).ready()在dom文档完成,没有加载内容前触发,注意和onload()事件对比,onload()事件在内容加载完毕后触发。2.Dom目标选取:(1)根据tag选取:$("input") ――选取所有input(2)子节点选取$(“ul > li”) ――选取ul下的所有li节点(3)根据节点属性筛选$(li[a:contains('Register')]") ――选取内容包含Register的$("input[@name=bar]") ――选取name是bar的$转载 2010-06-23 13:36:00 · 280 阅读 · 0 评论 -
jQuery.extend函数详细用法
最近在研究jQuery。把jQuery.extend扩展函数的用法记录下来。1、扩展jQuery静态方法.1$.extend({2test:function(){alert('test函数')}3})用法: $.test()2、合并多个对象.为jQuery.extend(css1,css2)为例,css1,css2个有一些属性(法照样会比处理,这里之讲属性).extend函数会把css2有而css2没有的属性加到css1中,如果css2的某个属性与css1的某个属性名称享用,就会用css2的属性去覆盖css转载 2010-06-24 09:53:00 · 376 阅读 · 1 评论 -
jquery 新手学习常见问题解决方法
<br />第一步,jQuery中文入门指南,翻译加实例,jQuery的起点教程 <br />第二步,下载手册方便查询(jQuery 1.41 中文API文档 chm版) <br />第三步,深刻了解jQuery对象和普通DOM对象的区别。互相转化见Q1 <br />Q1,js的写法:document.getElementById('save').disabled=true;<br />在jquery中我是这样写的$("#save").disabled = true; 为什么没效果呢<br />A,这个是典转载 2010-06-24 10:20:00 · 205 阅读 · 0 评论 -
jQuery 入门学习 基础教程 使用AJAX
<br />在这部分我们写了一个简单的ajax应用,它的目的是允许用户rate(评估)一些事情,就象youtube.com一样.<br />我们需要写一些代码.例子中用到了一个php文件来读取"rating"的参数和返回rating个数(count)和平均rating(array_sum/count).你可以看一看starterkit里边的rate.php代码.<br />我们需要这个例子工作在ajax上,因此我们用jquery写一个必要的标签并且把它追加到一个ID名为”rating”的div容器里边.代码转载 2010-06-23 11:04:00 · 272 阅读 · 0 评论 -
详细解读 jQuery Ajax 事件
<br />Ajax请求会产生若干不同的事件,我们可以订阅这些事件并在其中处理我们的逻辑。在jQuery这里有两种Ajax事件:局部事件 和 全局事件。原创文章,转载请注明:同路吧 www.tlbar.com.cn 局部事件就是在每次的Ajax请求时在方法内定义的,例如: $.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event }转载 2010-06-23 11:11:00 · 641 阅读 · 0 评论 -
jQuery 入门学习 基础教程 选择器(selector)和事件(events)
<br />Jquery提供了2个方法来选择DOM元素。第一个方法是用CSS和XPATH(比如:$(“div > ul a”))。第二种方法是用jQuery对象的各种方法。当然两种方法也可以结合。<br />我们在starterkit里选择和修改第一个order list来测试这些选择器。<br />开始之前,我们需要选择列表本身。这个列表有一个ID=” orderedlist”,在经典javascript里,你必须这样用:document.getElementById("orderedlist"),但是在转载 2010-06-23 10:56:00 · 243 阅读 · 0 评论 -
JQuery框架的AJAX json 数据格式
<br />HTML(主要):<br /> <div id="result" style="background:orange;border:1px solid red;width:300px;height:400px;"></div><br /><form id="formtest" action="" method="post"><br /><p><span>输入姓名:</span><input type="text" name="username" id="input1" /></p><br /><p转载 2010-06-23 11:02:00 · 453 阅读 · 0 评论 -
jquery.fn.extend与jquery.extend的区别和使用
<br />jQuery为开发插件提拱了两个方法,分别是:<br /> JavaScript代码jQuery.fn.extend(object); jQuery.extend(object); <br />jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。<br />jQuery.fn.extend(object);给jQuery对象添加方法。<br />fn 是什么东西呢。查看jQuery代码,就不难发现。<br /> JavaScript代码jQuer转载 2010-06-24 09:50:00 · 536 阅读 · 0 评论 -
jquery ui dialog 的学习与使用
<br />一个对话框是一个浮动窗口,其中包含一个标题栏和内容领域。.对话框窗口可以移动,调整大小,并与'×'的默认图标关闭。如果内容长度超过了最大高度,滚动条会自动出现。底部按钮栏和半透明的覆盖层的模式,可以添加常用的选项。<br />A至$(foo).dialog()调用$(foo).dialog()初始化的对话框实例,并会自动打开默认情况下,对话。 .如果你想重用一个对话框,最简单的方法是禁用“自动打开”选项与$(foo).dialog({ autoOpen: false })公开的$(foo).d转载 2010-06-23 13:48:00 · 627 阅读 · 0 评论 -
jquery 插件开发实战训练
<br />jQuery为开发插件提拱了两个方法,分别是:<br />jQuery.fn.extend(object);<br />jQuery.extend(object);<br />jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。<br />jQuery.fn.extend(object);给jQuery对象添加方法。<br />fn 是什么东西呢。查看jQuery代码,就不难发现。<br /><br /><br />jQuery.fn = jQuery.pr转载 2010-06-23 11:17:00 · 390 阅读 · 0 评论 -
关于JQuery is()的用法
is(expr)方法是JQery的一个类型比较方法,用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。如果没有元素符合,或者表达式无效,都返回'false'。注意:在jQuery 1.3中才对所有表达式提供了支持。在先前版本中,如果提供了复杂的表达式,比如层级选择器(比如 + , ~ 和 > ),始终会返回true参数exprString用于筛选的表达式示例描述:由于input元素的父元素是一个表单元素,所以返回true。HTML 代码:jQuery 代码:$(原创 2010-06-28 14:20:00 · 1033 阅读 · 0 评论 -
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关
<br />获取一组radio被选中项的值<br />var item = $('input[@name=items][@checked]').val();<br />获取select被选中项的文本<br />var item = $("select[@name=items] option[@selected]").text();<br />select下拉框的第二个元素为当前选中值<br />$('#select_id')[0].selectedIndex = 1;<br />radio单选组的第二个元素转载 2010-06-28 15:08:00 · 264 阅读 · 0 评论 -
DOM于JQuery对象互相转换
<br />jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象。jQuery 对象是 jQuery 独有的,其可以使用 jQuery 里的方法,但是不能使用 DOM 的方法;例如: $("#img").attr("src","test.jpg"); 这里的 $("#img")就是 jQuery 对象。<br /> DOM对象就是Javascript 固有的一些对象操作。DOM 对象能使用Javascript 固有的方法,但是不能使用 jQuery 里的方法。例如:documen转载 2010-06-28 08:41:00 · 361 阅读 · 0 评论 -
jQuery中Ajax事件
<br />Ajax会触发很多事件。<br />有两种事件,一种是局部事件,一种是全局事件:<br />局部事件:通过$.ajax来调用并且分配。$.ajax({ beforeSend: function(){ // Handle the beforeSend event }, complete: function(){ // Handle the complete event } // ...});<br />全局事件,可以用bind来绑定,用unbind来取转载 2010-07-01 13:24:00 · 331 阅读 · 0 评论 -
jQuery Ajax 全解析
<br />jQuery确实是一个挺好的轻量级的JS框架,能帮助我们快速的开发JS应用,并在一定程度上改变了我们写JavaScript代码的习惯。<br />废话少说,直接进入正题,我们先来看一些简单的方法,这些方法都是对jQuery.ajax()进行封装以方便我们使用的方法,当然,如果要处理复杂的逻辑,还是需要用到jQuery.ajax()的(这个后面会说到).<br />1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中。<br />转载 2010-07-01 13:31:00 · 215 阅读 · 0 评论 -
jquery 事件,属性,方法入门级学习
<br />事件<br />jQuery 内的 Events 模块是向 Web 应用程序添加交互性的第一步,因为事件通常是页面上发生的事情的触发器。正如我在简介中提到的,您不应该认为事件只发生在 Form 元素 — 实际上,任何元素都能触发事件,因此应该充分利用这一点来更轻松地构建定制的小部件,以及添加一些独特却又不局限于特定 Form 元素的交互。<br />众所周知,大多数事件都 基于 Form 元素。演示这些方法最好的方式就是使用它们。在开始深入研究可用的函数之前,一定要注意:Events 模块针对每转载 2010-06-22 09:55:00 · 379 阅读 · 0 评论 -
jQuery调用WebService返回JSON数据
<br />jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.NET Ajax,比较钟情于jQuery调用请求WebService有几种方法,这主要说一下POST与GET方法,其实安全方法考虑不建议使用GET方法,下面就说一下用jquery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因。我们这里只讨论返回JSON数据的情况,相信大家都比较了解JSON格式的数据对于ajax的方便,不了解的可以从网上找一下这方面的资料来看一下,这里就不转载 2010-08-16 15:05:00 · 79 阅读 · 0 评论 -
jquery parent 详细解说及使用方法
<br />今天做一个项目里面用到了投票.我用的是AJAX投票的.是跟PHP接合的.在前台页面里当点击投票按钮时.页面相应的票数会加1.我用的是JQ.写了半个小时.功能是实现了但代码很长.觉得不爽.无意中发现了JQ的PARENT用了.很不我不错.多话不说了.用法大致可分为四种 1,:parent.2,parent > child .3,parent().4,parents() 详细用法如下:<br />我的代码是:<br />HTML:<br /><div class="vote"><br />转载 2010-06-23 11:14:00 · 2504 阅读 · 0 评论 -
jquery 里的each使用方法详解
<br />jquery 里的each使用方法详解<br /> 有个同事问我each使用方法,我把我知道的用法告诉他.他却说不是这样的......如是在网上小逛了一下,果然用法有很多.下面总结下大慨的使用方法.<br /> each()函数是基本上所有的框架都提供了的一个工具类函数,通过它,你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实现了该方法,对于jQuery对象,只是把each方法简单的进行了委托:把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说:转载 2010-06-23 11:16:00 · 384 阅读 · 0 评论 -
jquery 基础知识学习.入门级教程
基础知识在深入研究有趣的 jQuery 内容之前,我们先了解一些基础知识 — 如何安装 jQuery,以及如何使其正常运行等。首先从 下载 小节下载 jQuery 库,然后像链接其他外部 JavaScript 文件一样链接到该库:清单 1. 如何在代码中安装 jQuery // Correct$(document).ready(function(){ $("div").addClass("a"); });// - or -$(docum转载 2010-06-23 11:16:00 · 366 阅读 · 0 评论