您当前的位置:首页 > 建站常用 > jquery、ajax

jquery网页中简单的标记

2014-07-06

  jQuery 库可以通过一行简单的标记被添加到网页中。Nsv七七世界-网站建设|UI设计|人资系统|二次开发

     jQuery 库 - 特性
     jQuery 是一个 JavaScript 函数库。
     jQuery 库包含以下特性:
     HTML 元素选取
     HTML 元素操作
     CSS 操作
     HTML 事件函数
     JavaScript 特效和动画
     HTML DOM 遍历和修改
     AJAX
     UtilitiesNsv七七世界-网站建设|UI设计|人资系统|二次开发

  下面的例子演示 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 <p> 元素。代码如下:Nsv七七世界-网站建设|UI设计|人资系统|二次开发

     <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>Nsv七七世界-网站建设|UI设计|人资系统|二次开发

jquery网页中简单的标记Nsv七七世界-网站建设|UI设计|人资系统|二次开发

  代码解读:首先需要正确引入jquery库,本文在使用juqery的hide()函数时候是利用jquery的网页标记的按钮button,通过点击按钮触发jquery hide()函数,从而达到隐藏效果!Nsv七七世界-网站建设|UI设计|人资系统|二次开发

一切精彩源自七七网络!我们倾力打造时尚潮流第一线!

© 2012-2024七七世界网站建设     20707.net 1125w.com 版权所有     豫ICP备14018694号-1