"jquery"相关教程
通过jQuery,可以很容易地删除已有的HTML元素。删除元素/内容如需删除元素和内容,一般可使用以下两个jQuery方法:remove()-删除被选元素(及其子元素)empty()-从被选元素中删除子元素jQueryremove()方法jQueryremove()方法删除被选元素及其子元素。实例$("#div1").remove();亲自试一试jQueryempty()方法jQueryempty()方法删除被选元素的子元素。实例$("#div1").em...
通过jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery尺寸方法jQuery提供多个处理尺寸的重要方法:width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuerywidth()和height()方法width()方法设置或返回元素的宽度(不包括内边距、边框或外边距)。height()方法设置或返回元素的高度(不包括内边距、边框或外边距)。下面的例子返回指定的<div>元素的宽度和高度:实例$(...
[jQuery] jQuery - noConflict() 方法
如何在页面上同时使用jQuery和其他框架?jQuery和其他JavaScript框架正如您已经了解到的,jQuery使用$符号作为jQuery的简写。如果其他JavaScript框架也使用$符号作为简写怎么办?其他一些JavaScript框架包括:MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS。其中某些框架也使用$符号作为简写...
jQuery属性操作方法下面列出的这些方法获得或设置元素的DOM属性。这些方法对于XML文档和HTML文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。html()设置或返回匹配的元素集合中的HTML内容。removeAttr()从所有匹配的元素中移除指定的属性。removeClass()从所有匹配的元素中删除全部或者指定的类。toggleClass()从匹配的...
$(document).ready(function(){$(".flip").click(function(){$(".panel").toggle();});});隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!效果演示点击这里,隐藏/显示面板一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。实例jQueryhide()演示一个简单的jQueryhide()方法。jQueryhide()另一个hide()演示。如何隐藏部分文本...
$(document).ready(function(){$("a#bDemo").click(function(){$("div#divDemo").animate({left:"170px",opacity:"0.5"},"slow");$("div#divDemo").animate({fontSize:"5em"},"slow");});});jQueryanimate()方法允许您创建自定义的动画。效果演示开始动画jQueryjQuery动画-animate()方法jQueryanim...
$(document).ready(function(){$("#btnEx").click(function(){$("#test").toggleClass("important");});});.wrapper.maincontentdiv#intro.importantstrong{color:#ff0000;}通过jQuery,可以很容易地对CSS元素进行操作。.important{color:#ff0000;}切换类jQuery操作CSSjQuery拥有若干进行CSS操作的方法。我们...
jQuerycss()方法css()方法设置或返回被选元素的一个或多个样式属性。返回CSS属性如需返回指定的CSS属性的值,请使用如下语法:css("propertyname");下面的例子将返回首个匹配元素的background-color值:实例$("p").css("background-color");亲自试一试设置CSS属性如需设置指定的CSS属性,请使用如下语法:css("propertyname",&q...
后代是子、孙、曾孙等等。通过jQuery,您能够向下遍历DOM树,以查找元素的后代。向下遍历DOM树下面是两个用于向下遍历DOM树的jQuery方法:children()find()jQuerychildren()方法children()方法返回被选元素的所有直接子元素。该方法只会向下一级对DOM树进行遍历。下面的例子返回每个<div>元素的所有直接子元素:实例$(document).ready(function(){ $("div").ch...
[jQuery] jQuery - AJAX load() 方法
jQueryload()方法jQueryload()方法是简单但强大的AJAX方法。load()方法从服务器加载数据,并把返回的数据放入被选元素中。语法:$(selector).load(URL,data,callback);必需的URL参数规定您希望加载的URL。可选的data参数规定与请求一同发送的查询字符串键/值对集合。可选的callback参数是load()方法完成后所执行的函数名称。这是示例文件("demo_test.txt")的内容:<h2>jQuer...
W3school提供完整的jQuery参考手册以及大量的在线实例。jQuery参考手册在(www.sou-xun.com),您将找到包含所有jQuery对象和函数的完整参考手册:选择器事件效果文档操作属性CSSAJAX遍历数据DOM元素核心相关页面JavaScript参考手册XMLDOM参考手册
$(document).ready(function(){$(".flip").click(function(){$(".panel").fadeToggle(1000);});});通过jQuery,您可以实现元素的淡入淡出效果。效果演示点击这里,隐藏/显示面板一寸光阴一寸金,因此,我们为您提供快捷易懂的学习内容。在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。实例jQueryfadeIn()演示jQueryfadeIn()方法。jQueryfadeOut()演示jQueryfad...
同胞拥有相同的父元素。通过jQuery,您能够在DOM树中遍历元素的同胞元素。在DOM树中水平遍历有许多有用的方法让我们在DOM树进行水平遍历:siblings()next()nextAll()nextUntil()prev()prevAll()prevUntil()jQuerysiblings()方法siblings()方法返回被选元素的所有同胞元素。下面的例子返回<h2>的所有同胞元素:实例$(document).ready(function(){ $(&q...
$(document).ready(function(){$("#btn1").click(function(){$('#test').load('/static/demo/txt/demo.txt');})})AJAX是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。jQueryAJAX实例请点击下面的按钮,通过jQueryAJAX改变这段文本。获得外部的内容亲自试一试什么是AJAX?AJAX=异步JavaScript和XML(AsynchronousJavaScr...
jQuery效果函数方法描述animate()对被选元素应用“自定义”的动画clearQueue()对被选元素移除所有排队的函数(仍未运行的)delay()对被选元素的所有排队函数(仍未运行)设置延迟dequeue()运行被选元素的下一个排队函数fadeIn()逐渐改变被选元素的不透明度,从隐藏到可见fadeOut()逐渐改变被选元素的不透明度,从可见到隐藏fadeTo()把被选元素逐渐改变至给定的不透明度hide()隐藏被选的元素queue()显示被选元素的排队函数show()显示被选的元素s...