jQuery

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">xuan
</script>
<script>nbeihaozh
//$(整个HTML文档对象模型).整个页面准备好了后执行(方法)
$(document).ready(function()o)p  标签通过css选择器聚焦过去 

//选择器  #(id)选择器  .name (class选择器)   标签选择器 
  $("p").click(function(){
//方法是$  当前对象隐藏
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

  

jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库。
jQuery 库包含以下特性:
HTML 元素选取
HTML 元素操作
CSS 操作
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX
Utilities

  

基础 jQuery 实例

下面的例子演示了 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。

 
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(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>
</html> 

  

原文地址:https://www.cnblogs.com/hanke123/p/4970431.html