JQuery

Posted huxiaocong

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JQuery相关的知识，希望对你有一定的参考价值。

1. 什么是jQuery

它是一个轻量级的javascript类库

2. jQuery优点

总是面向集合
多行操作集于一行

3.导入js库

<script type="text/javascript" src=""></script>

4. jQuery三种实例化方法

1.选择器

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="$pageContext.request.contextPath /js/jquery.min.js"></script>
<script type="text/javascript">
    $(function()
        $("a").click(function()
            alert("利用a标签获取jquery实例")
        );
        
        $(".c2").click(function()
            alert("利用类选择器获取jquery实例");
        );
        
        $("#a3").click(function()
            alert("利用id选择器获取jquery实例");
        );
        
        $("div button").click(function()
            alert("利用包含选择器获取jquery实例");
        );
        
        $("a,button").click(function()
            alert("利用组合选择器获取jquery实例");
        );
        
    )
</script>
</head>
<body>
    <p>
        <a id="a1" class="c1" href="#">点我1</a>
    </p>
    <p>
        <button id="a2" class="c2" href="#">点我2</button>
    </p>
    <p>
        <button id="a3" class="c3" href="#">点我3</button>
    </p>
    <div>
        <button id="a4" class="c1" href="#">点我4</button>
    </div>
    
</body>
</html>

 

以上是关于JQuery的主要内容，如果未能解决你的问题，请参考以下文章

JQueryJQuery基本操作

jQueryjquery插件封装

jQueryjQuery与Ajax的应用

jQueryjquery.metadata.js验证失效

Jqueryjquery刷新页面（局部及全页面刷新）

JqueryjQuery获取URL參数的两种方法