
jquery
文章平均质量分 66
eternity668
行天之路
展开
-
jquery 中的empty()和remove()
在jquery中empty()和remove()函数都用来移除匹配的元素,前者用来移除匹配元素的后代元素,然而后者用来移除所有匹配的元素及其所有的后代元素。 例子:如以行的2个div标签,其中BBox是ABox的子标签。divclass="ABox"> I'm a A box divclass="BBox">I'm a B box/div>翻译 2014-11-25 23:34:46 · 1083 阅读 · 0 评论 -
jquery 孩子和兄弟选择器
Jquery 孩子和兄弟选择器分为4类,1 后代选择器(A B) ;2 孩子选择器(A>B) ;3相邻兄弟选择器(A+B); 一般兄弟选择器(A~B). 以下让我们通过一个例子来理解它们的不同。 首先,你必须理解孩子和兄弟之间的不同即child和sibling的不同。看一下例子:h1>Child and Sibling Selectors example/h1>divclass翻译 2014-10-30 23:16:57 · 14211 阅读 · 0 评论 -
jquery中选择第n个孩子的选择器即nth-child选择器
Jquery 的nth-child 选择器用来选择其父标签的第n个child 标签。其索引是从1 开始的即n是从1开始,而非从0开始。 例如:1 $(‘tr:nth-child(3)’) —选择tr父标签元素中的第三个tr孩子元素。2 $(‘tr:nth-child(3n)’)—选择tr父标签中的第3的倍数位置上的tr 孩子标签元素。3 $(‘tr:nth-child(even翻译 2014-10-30 23:59:19 · 28210 阅读 · 0 评论 -
使用jquery怎么去检查一个元素是否存在
在jquery中,你能够使用.length属性来检测一个元素是否存在。如果元素存在,则length属性会返回所以匹配的元素的个数。例如:if($('#div1').length){ alert("Div1 exists");}else{ alert("Div1 does not exists");}此用来检测一个id为div1的元素是翻译 2014-10-13 23:15:43 · 2504 阅读 · 0 评论 -
jquery Attribute 选择器即属性选择器
Jquery Attribute 选择器 在jquery中,属性选择器是被包裹在[]中,以下是所支持的属性选择器。 1 有属性[a]选择有a 属性的所有元素。 例如:$(‘a[rel]’)—选择含有属性rel的的所有a标签。 2 属性值等于 [A=”B”]选择属性A的值等于确定值B的所有元素。例如:$(‘a[rel=”nofollow”]’)—翻译 2014-10-29 22:46:18 · 951 阅读 · 0 评论 -
使用jquery实现页面正在加载的效果
Jquery是一个功能强大的易用的JavaScript库,在jquery中页面或内容正在加载的效果是很容易实现的。以下是一个使得你web 页面内容呈现一个加载的效果的例子。它会给你的读者留下深刻的印象。它是一个很简单的想法。 1 创建一个div 隐藏块这个div 块被用来实现内容渐进显示的页面加载的效果。divid="page_effect"style="display:non翻译 2014-10-11 23:37:37 · 9884 阅读 · 0 评论 -
prepend()与prependTo()函数实例
在jquery中,prepend()与prependTo()函数有着相同的功能,完成相同的事。即添加一个文本或html内容到匹配元素内容的前面。其主要的差别是语法上的差别。 例如:divclass="box">I'm a big box/div>divclass="box">I'm a big box 2/div>1. $(‘selector’).prepend(‘ne翻译 2014-11-14 22:54:55 · 2607 阅读 · 0 评论 -
怎么用jquery检查图片是否已经加载即加载是否成功
怎么检查图片已经加载成功或失败,你能够联合使用jquery的load 和error 事件来检查。$('#image1') .load(function(){ $('#result1').text('Image is loaded!'); }) .error(function(){翻译 2014-10-12 12:12:30 · 8857 阅读 · 0 评论 -
怎么使用jquery阻止页面的离开或卸载
当正在离开一个页面或正在卸载一个页面时,unload事件将会被激活,然而不管怎样,此事件不能够阻止页面的离开。$(window).bind('unload',function(){});从jquery 1.4起,你能够绑定beforeunload 事件给$(window) 对象来阻止页面的离开,卸载或导航到其它站点。$(window).bind('beforeunload'翻译 2014-10-12 10:44:12 · 10180 阅读 · 0 评论 -
jquery contians(text) 选择器
Jquery contains(text)选择器 被用来选择包含特定文本的所有元素标签。 注意 contains 中的文本包含或不包含以下是例子: 1 $(‘p:contains(paragraph 1)’)—选择包含文本paragraph 1的所有p标签。2 $(‘p:contains(mkyong)’)— 选择包含文本为mkyong的所有p标签3 $(‘p:contai翻译 2014-10-28 23:08:26 · 2047 阅读 · 0 评论 -
怎么使用jquery动态的添加或移除一个css类
Jquery 使用addClass()与removeClass()来动态的添加或移出一个css 类,例如:1.$(“#para1”).addClass('highlight');添加一个“highlight”css 类给id为para1的元素。2.$(‘#para1’).removeClass(‘'highlight');从id为para1的元素中移出一个‘highlight’css类。翻译 2014-10-14 23:41:34 · 11045 阅读 · 0 评论 -
怎么使用jquery判断一个元素是否含有一个指定的类(class)
在jquery中可以使用2种方法来判断一个元素是否包含一个确定的类(class)。两种方法有着相同的功能。2种方法如下:1. is(‘.classname’)2. hasClass(‘classname’)以下是一个div元素是否包含一个redColor的例子:1. 使用is(‘.classname’)的方法$('div').is('翻译 2014-10-15 23:02:06 · 178933 阅读 · 0 评论 -
jquery clone()函数讲解
Jqueryclone()实例Jquery clone() 函数被用来创建匹配元素的一份拷贝。其也支持比尔参数用来指示是否拷贝匹配元素的数据和事件处理器。 1 拷贝html 元素 例如: 我们将拷贝以下的html 代码divclass="smallBox"> I'm a small box divclass="smallInnerBo翻译 2014-11-24 23:12:49 · 2684 阅读 · 1 评论 -
怎么检测jquery库是否加载
检测jquery库是否已经加载,可以使用如下JavaScript代码:if(typeof jQuery !='undefined'){ alert("jQuery library is loaded!"); }else{ alert("jQuery library is not found!"); }另外的选择?在某些博客及论坛提翻译 2014-10-21 21:56:54 · 11862 阅读 · 0 评论 -
jquery next函数实例
next() 函数获得紧跟着匹配元素的下一个兄弟元素标签,仅选择的是兄弟,而非孩子元素。 next() 函数可以允许通过选择器来进行过滤,如next(‘div’)被用来紧跟着的div兄弟元素。jut翻译 2014-11-05 20:53:40 · 1069 阅读 · 0 评论 -
怎么使用jquery创建一个提示工具
怎么使用jquery创建一个提示工具在这里,有一个简单的想法用jquery来创建提示信息。具体想法为……1. 确定需要显示提示信息的目标。2. 创建提示信息和它的css类型。3. 存在三个函数:分别为 showTooltips,hideTooltips,changeTooltipsPosition.4. 当鼠标进入目标区域时,使用s翻译 2014-10-21 00:00:06 · 422 阅读 · 0 评论 -
在jquery中 filter()与find()之间的区别
filter ()和find()函数是极其相似的,前者是应用于所有元素,而后者是仅应用于子元素。翻译 2014-11-04 21:54:49 · 662 阅读 · 0 评论 -
jquery find()实例
在jquery中,你可以使用find()函数来搜索匹配元素标签的所有后代标签。 例如,div标签有三层,divid="A1"> divclass="child">A1-1/div> divclass="child">A1-2/div> divid="A2"> divclass="翻译 2014-11-03 22:42:58 · 1137 阅读 · 0 评论 -
jquery filter()实例
Jquery filter 函数是用来从一系列匹配的元素中提出自己的元素。 1 filter(selector) 在一系列的匹配元素中,仅获得filter()选择器匹配的。例如:$("div").filter("#div1").css('background-color', 'blue');从所有匹配的div元素中提出其id为#div1的元素,并把其背景颜色设置翻译 2014-11-04 21:22:51 · 1035 阅读 · 0 评论 -
jquery 的:first-child 和:last-child 选择器实例
:first-child 选择器被用来选择父标签的第一个子标签,此是:nth-child(1)的简便形式。例如:$(‘li:first-child’)—用来选择所有li的父标签的第一个li子标签。$(‘tr:first-child’)—类似。 :last-child 选择器被用来选择它们父标签的中的最后一个匹配的子匹配。例如:$(‘li:last-child’)—选择所翻译 2014-11-02 23:23:52 · 5369 阅读 · 0 评论 -
怎么使用jquery在运行时装载javaScript文件
为了提高站点的性能和减少返回的所有文件的大小,你也许想在需要的时候才去装载JavaScript(.js)文件。在jquery,你能够使用$.getScript函数来按需或在运行时装载(下载)JavaScript文件。例如:$("#load").click(function(){ $.getScript('helloworld.js', function() {翻译 2014-10-16 23:32:07 · 622 阅读 · 0 评论 -
jquery 的:empty选择器
在jquery中,empty选择器用来选择没有任何子元素(包括内部文本)的元素。 例子:div class="div-class1"> This is div-class1/div> div class="div-class2" > $(“:empty”)—div-class2匹配,而div-class1 不匹配。翻译 2014-10-28 21:43:57 · 1723 阅读 · 0 评论 -
after()与insertAfter()实例
在jquery中,after()与insertAfter()函数有着相同的功能,能够完成相同的任务,即添加文本或者html内容到匹配元素的后面,其主要的区别在于语法上的区别。 例如:divclass="greyBox">I'm a ipman/div>divclass="greyBox">I'm a ipman 2/div>1. $(‘selector’).after(翻译 2014-11-14 21:27:36 · 1464 阅读 · 0 评论 -
jquery 用于选择多个元素的多选择器
在jquery中,你能够通过逗号,来分隔字符选择多个选择。例如:$(.class1, .class2, #id1)在以上的例子中,将会选择含有类名为class1,和class2及id为1的所有元素。 Jquery实例:在以下的例子中,有类名为p1和类名为p2 和id 为div3 的所有元素将会动态的添加一个红色的边框。select mutiple e翻译 2014-10-24 23:52:58 · 118357 阅读 · 1 评论 -
jquery prev 函数实例
prev() 函数被用来匹配元素集的前一个兄弟元素,仅仅只有前一个兄弟元素被选择,其子元素将被忽略。 prev() 函数可以允许通过选择器来过滤,例如 prev(‘div’) 被用来选择匹配元素的前一个元素是兄弟元素的div元素。具体实例dm翻译 2014-11-08 22:14:13 · 1241 阅读 · 1 评论 -
Ajax 中的xmlHttpRequest.open对url的处理
xmlHttpRequest.open("GET", url, true);中的url的要求:当当前页面的url 为http://localhost:8080/SpringControllerResponses/requestResponse/onlyJsp时,如果open函数中的url 为采用相对url是”onlyBoolean”则Ajax 所发生的完整的url 为:http原创 2014-10-06 15:44:31 · 10930 阅读 · 0 评论 -
<script>标签在html中的位置
明补原创 2014-10-23 00:08:46 · 5350 阅读 · 1 评论 -
在jquery中怎么使用css 类名和id 来获得元素
在jquery中,你可以很容易的使用css 类名和id来获得元素。例如:1 ID: #id $(‘#ida’)—选择id 为ida的所有元素,不管元素的标签名如何。 $(‘div#ida’)—选择id为ida的所有div标签元素。 2 Class:.classname$(‘.classA’)—选择类名有一个为classA的所有元素,不管其标签名如何。$(‘div.c翻译 2014-10-23 00:04:39 · 19456 阅读 · 1 评论 -
怎么使用jquery来突出加亮鼠标所停留在的表格行记录?
Jquery 提供了一个hover()鼠标事件,允许附上两个事件处理器到匹配的元素上,当鼠标进入和离开匹配对象时执行。$("#id").hover(A, B);1 A—函数当鼠标进入匹配元素时被调用。2 B—函数当鼠标离开匹配元素时被调用。 这是一个最好的函数用来高亮表格的行记录。请看jquery的代码片段:$("tr").not('翻译 2014-10-22 22:57:22 · 451 阅读 · 0 评论 -
怎么使用jquery的ajax和getJSON函数连接Declicious网站获得漂亮书签的个数
Delicious 是一个最好的书签网站,它提供了许多aip 给开发者用来处理书签数据。以下是一个例子使用jquery 来获得给定url 的实际的书签数目。 Delicious API 为了获得书签的数目,可使用一下url:http://feeds.delicious.com/v2/json/urlinfo/data?url=xxx.com&callback=?翻译 2014-10-21 23:47:25 · 551 阅读 · 0 评论 -
jQuery Hello World Example 翻译2
Juery hello world Jquery 是一种新的技术吗?很显然不是,我觉得jquery是一种新的方法,它简化了web开发中客户端的开发,如使用Dom来遍历HTML 和Ajax 操作。Jquery 是由 john resig 所创建的。如果想看jquery 作者是怎样的,可以访问其个人主页。 接下来让我们写一个jquery的hello world 例子,来看jquery是怎翻译 2014-09-27 23:10:29 · 830 阅读 · 0 评论 -
jquery 翻译1
jquery是一个xiaoyujQuery is a small 24k (minified) JavaScript library, provides an extremely easy and powerful selectors to select almost anything you want in HTML page. In addition, it also come翻译 2014-09-26 22:43:04 · 932 阅读 · 0 评论 -
注意jquery中事件的注册 覆盖
我们可以通过给元suo原创 2014-10-24 21:34:38 · 1470 阅读 · 0 评论 -
jquery中的*(通用) 选择器实例
jquery universal example div{ padding:8px; } jquery universal example this is div-class1 this is div-class2 this is div-class3 *div > *翻译 2014-10-24 21:28:46 · 613 阅读 · 0 评论 -
怎么用jquery创建一个斑马线形式的表格
以下是一个简单的例子,用来显示怎么用jquery 创建斑马线形式的表格html>head>title>jQuery Zebra Stripes/title>/head>scripttype="text/javascript"src="jquery-1.2.6.min.js">/script> scripttype="text/javascript">翻译 2014-10-10 23:36:35 · 905 阅读 · 0 评论 -
怎么重新加载(刷新)页面使用jquery
为是重新加载页面或刷新页面使用jquery,你可以使用location.reload()命令,以下是代码:html>head>title>Refresh a page in jQuery/title> scripttype="text/javascript"src="jquery-1.3.2.min.js">/script> /head> body>翻译 2014-10-11 23:59:09 · 52349 阅读 · 0 评论 -
jquery before()和insertBefore()函数实例
在jquery中,before()和insertBefore()函数都有着一样的功能,一样的目的,也就是添加文本或html内容到匹配元素的前面,其主要的区别在于语法上的区别。 例如:divclass="prettyBox">I'm a ipman/div>divclass="prettyBox">I'm a ipman 2/div>1 $(‘selector’).bef翻译 2014-11-13 23:31:16 · 12711 阅读 · 1 评论 -
怎么使用jquery获得标签的值或元素的内容
在jquery中,你能够获得标签的值或元素的内容从已经选择的标签中。例如:1 选择一个标签名为p的标签,并展示其标签的值。$('p').html();2 选择一个类名为class1的标签,并展示其值,不管标签名如何。$('.class1').html();3 选择一个id为id1的标签,并展示其值,不管标签名如何。$('#id1').html();翻译 2014-10-27 21:47:04 · 39799 阅读 · 0 评论 -
JavaScript 与jquery 之间不同的函数调用方式
以下是一个简单的例子用来阐述JavaScript与jquery是怎么调用函数的当页面加载完成后。 1 JavaScript为了在页面加载后调用函数,JavaScript使用了”window.onload” 和 “innerHtml” 来动态的创建内容。代码如下:window.onload = function(){ document.getElementById('ms翻译 2014-10-10 00:05:18 · 4453 阅读 · 0 评论 -
jquery children()函数实例
在jquery中,children()函数被用来发现匹配元素的子元素,它此选择子元素,不会下到第二代中去。 例如 div 元素有三层子元素:divclass="A1"> divclass="child">A1-1/div> divclass="child">A1-2/div> divclass="orphan">A1-3/div翻译 2014-11-08 23:33:26 · 1869 阅读 · 0 评论