Go语言视频零基础入门到精通

吴会 · 发表于 2011-7-31 16:52:07

过 jQuery，您可以选取（查询，query） HTMLhtmlhtmljavajavahtmlhtmljavajavahtmlhtmljavajavahtmlhtmljavajavahtmlhtmlhtmlcss 元素，并对它们执行“操纵”（actions）。

jQuery 语法实例

$(this).hide()
演示 jQuery hide() 函数，躲藏当前的元素。

<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
  $("button").click(function(){
  $(this).hide();
});
});
</script>
</head>

<body>
<button type="button">Click me</button>
</body>

</>

$("#test").hide()
演示 jQuery hide() 函数，躲藏 id="test" 的元素。

<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
  $("button").click(function(){
$("#test").hide();
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p id="test">This is another paragraph.</p>
<button type="button">Click me</button>
</body>

</>

$("p").hide()
演示 jQuery hide() 函数，躲藏所有 <p> 元素。

<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>
</body>
</>

$(".test").hide()
演示 jQuery hide() 函数，躲藏所有 class="test" 的元素。

<>
<head>
<script type="text/script" src="/jquery/jquery.js"></script>
<script type="text/script">
$(document).ready(function()
{
  $("button").click(function()
  {
  $(".test").hide();
  });
});
</script>
</head>
<body>

<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">Click me</button>

</body>
</>

jQuery 语法

jQuery 语法是为元素的选取编制，可以对元素执行某些操纵。

基础语法是：$(selector).action()

实例

$(this).hide() - 躲藏当前元素

$("p").hide() - 躲藏所有段落

$("p.test").hide() - 躲藏所有 class="test" 的段落

$("#test").hide() - 躲藏所有 id="test" 的元素

提示：jQuery 使用的语法是 XPath 与选择器语法的组合。在本教程接下来的章节，您将学习到更多有关选择器的语法。

文档停当函数

您也许已经留意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中：
[pre]$(document).ready(function(){

--- jQuery functions go here ----

});
[/pre]
这是为了防止文档在完全加载（停当）之前运行 jQuery 代码。

下面是两种如果文档完全加载之前运行函数的话，操纵失败的情况：

javalearner · 发表于 2011-7-31 17:05:37

谢谢楼主分享。

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

jQuery 语法

相关帖子