JQuery Learning(1):JQuery introduction

最新推荐文章于 2024-09-13 08:33:26 发布

KKevinnHu

最新推荐文章于 2024-09-13 08:33:26 发布

阅读量375

点赞数

分类专栏： JQuery 文章标签： jquery library traversal javascript function debugging

JQuery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JQuery library - Features

JQuery is a JavaScript functions library.

JQuery contains the following features:

HTML element select
HTML element operation
CSS operation
HTML event function
JavaScript effects and animation
HTML DOM traversal and modification
AJAX
Utilities

Add JQuery library into your web page

JQuery library located in a JavaScript file,which contains all the functions of JQuery .

JQuery to add to the web page marked by the following:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

Basal JQuery example

The following example demo the JQuery's hide() function ,hide all <P> elements in the HTML document.

<html>
<head>
<script type="text/javascript" src="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>

You can create a html file, copy the upper code paste to the file,by browser view the running result .