如何申请使用jQuery在HTML用户界面的影响
jQuery是一个小和精彩的??JavaScript库，我在我的工作中广泛使用。我想编写一个实现通过jQuery UI效果的教程。在这篇文章中，我解释了如何做淡入/淡出效果使用jQuery。这一次让我们看到了所有的招数，我们可以做的操纵HTML使用jQuery。

淡入/淡出效果使用jQuery
请参阅这篇文章更了解淡入/淡出jQuery中的作用。
 
隐藏/显示和切换HTML组件/ DIV / DIV使用jQuery
今天大部分的网页部分，其中有一个隐藏/显示图标，切换该节的知名度。也有时你可能想隐藏/显示特定的HTML组件如按钮，文本框等或DIV / SPAN，对一些事件。这可以很容易地通过jQuery实现。
 
假设我们有一个文本框和一个按钮，我们需要隐藏的文本框，按一下按钮。以下是代码片段做到这一点。
<input type="text" name="username" id="user"/>
<input type="button" onClick="$('#user').hide()" value="Hide Textbox"/>
在上面的片段中，我们使用其ID＃用户选择框，然后调用隐藏（）函数来隐藏它。简单是不是？
 
同样，以显示任何组件，我们可以使用下面的代码：
$("#someid").show();
另外，你不仅可以隐藏/显示任何HTML组件，但也可以指定速度，也是一次隐藏或显示的内容是一个回调函数被调用。
 
以下是隐藏的??语法（）和show（）方法与速度：
hide(speed) and show(speed)
E.g.:
$("input").hide("slow");

$("p").show("normal");
速度是“慢”，“正常”和“快”。你也可以提供一个参数，它代表的毫秒数。
$(“.someclass”).hide(2000);

你也可以指定一个处理函数被调用一次完成动画。
$("#id").show("slow", function() {
      alert("done");
});

此外，您可能要实现一个按钮单击事件可以触发一些div或表的切换效果切换功能。
<table id="tableId">
<tr><td> This is demo </td></tr>
</table>

<input type="button" value="Toggle Table" onClick="$("#tableId").toggle();" />
滑动/向下滑动使用jQuery
这是一个简单的效果，滑下或容器。只要你需要调用效果基本show（）或slideDown（）函数。
$("#divId").slideUp();
$("table").slideDown("slow");
$("div").slideUp(1000);

类似的隐藏（）/显示（）slideDown（）/效果基本show（）也可以被称为带参数的调整滑动速度，可选一个
回调函数可以调用。
$("span").slideDown("slow", function() {
      alert("Slide Done");
});
你也可以使用毫秒数值（）函数实现切换功能做向上和向下滑动。毫秒数值（如）还配备slideDown /效果基本show相同的论点。
$("div#specialDiv").slideToggle("fast");

使用jQuery动画HTML组件
jQuery提供了一个animate（）函数，可用于创建您自己的自定义动画。
 
animate(params, speed, easing, callback);
此功能的一个重要方面是样式属性的对象，这将是动画，达到什么目的。对象内的每个键代表的样式属性，也将是动画（例如：“高度”，“顶”，或“不透明”）。
 
与该键关联的值代表什么目的的财产将被动画。如果一个数字值，然后将样式属性转移到新号码从目前的状态。oterwise如果字符串“隐藏”，“作秀”，
或“切换”，将默认的动画建造的财产。
 
的params（哈希）：一个您希望的样式属性的动画，达到什么目的。速度（字符串编号）：（可选）代表的三个（“慢”，“正常”，或预定速度之
一的字符串“快”）的毫秒数来运行动画（如1000）。宽松（字符串）：（可选）要使用（插件）的缓动效果的名称回调（功
能）：（可选）动画完成时执行的函数。

$("p").animate({
  height: 'toggle', opacity: 'toggle'
}, "slow");

$("p").animate({
  left: 50, opacity: 'show'
}, 500);
例如使用“宽松”功能，提供不同风格的动画。这只会工作，如果你有一个插件，提供了这种缓和的功
能（只有'线性'默认情况下提供与jQuery）。
$("p").animate({
  opacity: 'show'
}, "slow", "easein");
因此，你可以利用jQuery来创建您的网页上的良好的用户界面体验。也让我知道，如果你使用自己
的定制插件来实现更多的UI效果。


------最佳解决方案--------------------
顶一下，支持楼主