当前位置:首页 > 开发 > Web前端 > Jquery > 正文

JQuery入门

发表于: 2012-06-22   作者:aijuans   来源:转载   浏览次数:
摘要: jQuery 库 - 特性 jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 向您的页面添加 jQuery 库 jQuery 库位

jQuery 库 - 特性

jQuery 是一个 JavaScript 函数库。

jQuery 库包含以下特性:

  • HTML 元素选取
  • HTML 元素操作
  • CSS 操作
  • HTML 事件函数
  • JavaScript 特效和动画
  • HTML DOM 遍历和修改
  • AJAX
  • Utilities

向您的页面添加 jQuery 库

jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。

可以通过下面的标记把 jQuery 添加到网页中:

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>

请注意,<script> 标签应该位于页面的 <head> 部分。

代码示例:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$(this).hide();
});
});
</script>
</head>

<body>
<button type="button">1</button>
<button type="button">2</button>
</body>

</html>

点击按钮1时: 按钮1隐藏,但是按钮2没有隐藏,说明this代表执行的对象。

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("button").hide();
});
});
</script>
</head>

<body>
<button type="button">1</button>
<button type="button">2</button>
</body>

</html>

点击按钮1时,两个按钮都会消失,因为作用对象为所有button。


$("button")和type="button"没有任何关系。


JQuery入门

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
jQuery入门[3]-事件 jQuery入门[1]-构造函数 jQuery入门[2]-选择器 jQuery入门[3]-事件 jQuery
jQuery入门[5]-AJAX jQuery入门[1]-构造函数 jQuery入门[2]-选择器 jQuery入门[3]-事件 jQuery
Jquery 插件入门 网上一搜各种插件,什么文件上传,图片浏览 ,Autocomplete等 这些插件,源代码,
<div class="iteye-blog-content-contain" style="font-size: 14px"> 1、JQuery的优点: 1)
1、HelloWord $(document).ready(function(){ alert("Hello Word!!!"); }); //或者更简单点: $(fun
先引一下阮一峰大牛翻译的书《软件随想录》中的一句话: “ joel认为,软件开发,最缺的是天才。而
<div class="iteye-blog-content-contain" style="font-size: 14px"> 1、JQuery的优点: 1)
Jquery UI 是一套开源免费的、基于Jquery的插件,在这里记录下Jquery UI 的初步使用。 第一、下载安
jQuery入门[1]-构造函数 jQuery入门[1]-构造函数 jQuery入门[2]-选择器 jQuery入门[3]-事件 jQu
学习要点: 1.什么是jQuery 2.学习jQuery的条件 3.jQuery的版本 4.jQuery的功能和优势 5.其他JavaSc
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号