jQery之路

if( (‘.tr−1′).is(‘:checked′)==true)判断一个复选框是否被选中jQuery是一个JavaScript库jQuery极大地简化了JavaScript编程jQuery是一个“写的更少，但做的更多”的轻量级JavaScript库jQuery是选取HTML元素，以及如何对它们执行类似隐藏、移动以及操作其内容等任务隐藏点击的HTML元素 (document).ready(function(){ ("button").click(function(){  $(this).hide();});});隐藏所有 class=”test” 的元素(document).ready(function() { ("button").click(function()  {  $(".test").hide();  });});简单的 jQuery fadeout() 函数(document).ready(function(){ ("button").click(function(){("#div1").fadeOut(); ("#div2").fadeOut("slow");("#div3").fadeOut(3000); }); });

演示带有不同参数的 fadeOut() 方法。

点击这里，使三个矩形淡出 可铺卷开的部分 (document).ready(function(){(".flip").click(function(){ $(".panel").slideToggle("slow"); }); }); div.panel,p.flip { margin:0px; padding:5px; text-align:center; background:#e5eecc; border:solid 1px #c3c3c3; } div.panel { height:120px; display:none; }

W3School - 领先的 Web 技术教程站点

在 W3School，你可以找到你所需要的所有网站建设教程。

请点击这里

动画 jQuery animate() 函数

(document).ready(function(){("button").click(function(){ var div=$("div"); div.animate({height:'300px',opacity:'0.4'},"slow"); div.animate({width:'300px',opacity:'0.8'},"slow"); div.animate({height:'100px',opacity:'0.4'},"slow"); div.animate({width:'100px',opacity:'0.8'},"slow"); }); });

开始动画

默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。

HTML操作

改变HTML元素的内容 向HTML元素追加内容 在HTML元素之后追加内容

CSS操作

改变HTML元素的CSS属性 改变多个CSS属性 获得元素的CSS属性

jQuery 库包含以下特性：

* HTML 元素选取 * HTML 元素操作 * CSS 操作 * HTML 事件函数 * JavaScript 特效和动画 * HTML DOM 遍历和修改 * AJAX * Utiliti

向您的页面添加 jQuery 库 jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 可以通过下面的标记把 jQuery 添加到网页中：

请注意， 标签应该位于页面的 部分 库的替代Google 和 Microsoft 对 jQuery 的支持都很好。 如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。 使用 Google 的 CDN