5有用的基本jQuery语法

1）隐藏/显示

这用于隐藏或显示无效的HTML元素。如果您想快速隐藏或显示一些HTML元素，请使用此功能。

• 语法： hide（），show（）>
例子 ：

现场演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_show_hide

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").hide();
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").show();
</span>	<span>});
</span><span>});</span>

2）淡入/淡入/淡入/淡出

这涉及使用漂亮的褪色效果隐藏和显示HTML元素。当您想以一种很好的方式显示或隐藏DIV及其内容时，它会很好地使用。

• 语法：fadein（），fadeout（）

例子：

<span>$(document).ready(function(){
</span>	<span>$(".btn1").click(function(){
</span>		<span>$("p").fadeOut()
</span>	<span>});
</span>	<span>$(".btn2").click(function(){
</span>		<span>$("p").fadeIn();
</span>	<span>});
</span><span>});</span>

现场演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_fadeout_fadein

3）停止

如果您想停止当前运行动画，只需使用此动画即可。

• 语法：
>

例子：

<span>$(document).ready(function(){
</span>	<span>$("#start").click(function(){
</span>		<span>$("div").animate({height:300},3000);
</span>	<span>});
</span>	<span>$("#stop").click(function(){
</span>		<span>$("div").stop();
</span>	<span>});
</span><span>});</span>

现场演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_stop

4）动画

一个不错的语法，通过CSS样式将一个元素从一个状态变为另一个状态。它只是逐渐更改CSS属性值，这将导致动画效果。

• > andtax： animate（）
例子：

现场演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_animate

<span>$(document).ready(function()
</span><span>{
</span>	<span>$("#btn1").click(function(){
</span>		<span>$("#box").animate({height:"300px"});
</span>	<span>});
</span>	<span>$("#btn2").click(function(){
</span>		<span>$("#box").animate({height:"100px"});
</span>	<span>});
</span><span>});</span>

5）滑动切换

该语法大量用于使用jQuery的各种网站。理想情况下，它只是为了隐藏和显示HTML元素，但是在非常漂亮的滑动效果中，就像典型WordPress网站管理员区域的左侧栏菜单一样。

• > andtax： slideToggle（）
例子：

现场演示： http://www.w3schools.com/jquery/tryit.asp?filename = tryjquery_eff_slideToggle

<span>$(document).ready(function(){
</span>	<span>$("button").click(function(){
</span>		<span>$("p").slideToggle();
</span>	<span>});
</span><span>});</span>

经常询问有关jQuery语法

的问题（常见问题解答）

> jQuery的基本语法是什么？它写为$（selector）.action（）。在这里，美元符号（$）定义或访问jQuery，（选择器）查找html元素，然后在元素上执行.Action（）。例如，$（“ p”）。hide（） - 隐藏所有段落元素。

>文档准备事件如何在jQuery中工作？

>文档准备就绪事件是与JQuery合作的关键部分。它可以确保在文档满载之前，JavaScript代码不会运行。这很重要，因为如果您的jQuery代码在文档满载满载之前运行，则可能无法正常工作。此的语法是$（document）。

> $ sign在jQuery中的目的是什么？它用于定义或访问jQuery。如果您使用的另一个使用$标记的JavaScript库，则可以使用jquery.noconflict（）来避免冲突。

>

如何选择jquery中的元素？

jquery提供了一种强大的方法，可以使用与CSS相同的语法选择元素。您可以通过标签名称，类名，ID，属性或其在HTML中的相对位置选择元素。例如，要选择所有段落元素，您将使用$（“ p”）。

您如何在jQuery中的选定元素上执行操作？

一旦选择了选择元素，就可以使用jQuery方法对它们执行操作。例如，您可以使用.hide（）方法隐藏选定的元素，也可以使用.show（）方法显示它们。这些方法是在所选元素上调用的，例如：$（$（“ p”）。hide（）。

您可以在jQuery中链接操作吗？

是的，是的，jQuery的强大功能之一就是可以将链条动作一起操作。这意味着您可以在同一集元素上执行多个操作，所有操作都可以在单个语句中执行。例如，$（“ p”）。css（“颜色”，“红色”）。slideup（2000）。

>

什么是jQuery事件？如何使用它们？

jQuery事件是您应用程序可以检测到的操作。其中包括用户操作，例如点击或键按，或文档加载之类的东西。您可以通过功能响应这些事件，允许您创建动态的，交互式的Web应用程序。

如何在jQuery中编写评论？

>在jQuery中的注释与JavaScript中的写作方式相同。您可以使用//进行单行注释，或 / * * /进行多行注释。浏览器忽略了注释，可用于制作笔记或解释您的代码。

>如何在html中包含jQuery库？

将jQuery库包含在html中，您需要将指向jQuery源文件的脚本标记添加到jQuery源文件中。这可以是本地副本，也可以链接到CDN上托管的版本。脚本标签应放置在HTML的头部，或者在关闭的主体标签之前。

> jQuery和javascript之间有什么区别？它为使用HTML文档，处理事件，创建动画等方面提供了更简单，更易于用户友好的API。虽然您可以使用普通的JavaScript来完成所有这些事情，但jQuery使其变得更加容易，并且可以在许多浏览器中工作。

以上是5有用的基本jQuery语法的详细内容。更多信息请关注PHP中文网其他相关文章！