亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery 簡介

什么是 jQuery ?

jQuery = JavaScript + jQuery

jQuery是一個 JavaScript 庫。它通過封裝原生的JavaScript 函數(shù)得到一套定義好的方法,

jQuery 極大地簡化了 JavaScript 編程??聪旅娴睦?/p>

假設(shè)頁面中有下面的兩個元素

<input type="text" id="txt" />
<button type="button" onclick="get_text();">Go</button>

點擊Go按鈕后會彈出文本框里用戶輸入的內(nèi)容,使用原始的JavaScript代碼可以這么寫

alert(document.getElementById('txt').value);

而使用jQuery,則可以簡單的寫為

alert($('#txt').val());

可以看到我們使用document.getElementById才能獲取到指定id的元素,而使用jQuery,我們只需要使用$(‘#’)就可以完成這一切


jQuery的主旨就是:以更少的代碼,實現(xiàn)更多的功能

jQuery庫包含以下功能:

  • HTML 元素選取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函數(shù)

  • JavaScript 特效和動畫

  • HTML DOM 遍歷和修改

  • AJAX

提示:?除此之外,Jquery還提供了大量的插件。


學(xué)習 jQuery的條件

  • HTML (含css,網(wǎng)頁必備的基礎(chǔ)知識)

  • JavaScript (即使jQuery比JavaScript 簡單,但是jQuery的各種語法來自JavaScript )

  • PHP(jQuery屬于前端技術(shù),和后端極端相輔相成的,互相呼應(yīng)的)


jQuery是否適用于所有瀏覽器?

jQuery 團體知道JS在不同瀏覽器中存在著大量的兼容性問題,目前jQuery兼容于所有主流瀏覽器, 包括Internet Explorer 6! ? ?


讓我們先看個jQuery 實例

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>php中文網(wǎng)(php.cn)</title>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript">
    </script>
    <script>
        $(document).ready(function(){
            $("p").click(function(){
                $(this).hide();
            });
        });
    </script>
</head>
<body>
<p>如果你點我,我就會消失。</p>
<p>繼續(xù)點我!</p>
<p>接著點我!</p>
</body>
</html>

運行程序嘗試一下




繼續(xù)學(xué)習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js" type="text/javascript"> </script> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <p>如果你點我,我就會消失。</p> <p>繼續(xù)點我!</p> <p>接著點我!</p> </body> </html>
提交重置代碼