jQuery的基本信息。以及入門Demo

時間 2019-11-13

標籤 jquery 基本信息以及入門 demo 欄目 JQuery 简体版

原文原文鏈接

javascript目前最流行的框架jQuery，它是輕量級的js庫，它兼容CSS3，還兼容各類瀏覽器。jQuery的做者的核心理念就是write less,do more(寫得更少,作得更多)。他能夠很輕鬆的實現動畫效果，各類鼠標點擊，通過的事件。並且文檔十分全面豐富。是一款很是不錯的javascript框架，而且在移動平臺十分成火的今天，jQuery也順勢而爲，推出了jQuery-mobile.js。javascript

　　jQuery使用戶能更方便地處理HTML（標準通用標記語言下的一個應用）、events、實現動畫效果，而且方便地爲網站提供AJAX交互。jQuery還有一個比較大的優點是，它的文檔說明很全，並且各類應用也說得很詳細，同時還有許多成熟的插件可供選擇。jQuery可以使用戶的html頁面保持代碼和html內容分離，也就是說，不用再在html裏面插入一堆js來調用命令了，只需定義id便可。css

在頭部頁中引入jQuery，你就可使用它，jQuery有一款完整版，一款min版，完整版擁有完美的代碼格式，以及詳盡的註釋，在日常的學習中，能夠閱讀它。min版本是爲了實際開發效率的提升，把完整版精簡的一個版本，日常的項目中，咱們都是用min版本html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

下面我寫個Demojava

元素添加單擊事件，發生對象隱藏效果jquery

<html>
<head>
<scripttype="text/javascript"src="jquery.js"></script>
<scripttype="text/javascript">
$(function(){$("p").click(function(){
$(this).hide();
});
});
</script>
</head>
<body>
<p>Ifyouclickonme,Iwilldisappear.</p>
</body>
</html>

jQuery 使用 sizzle引擎，支持css選取，Xpath選取等方式。
$("p") 選取所有 <p> 元素。
$("p.intro") 選取全部包含class爲"intro"的 <p> 元素。
$("#demo") 選取 id爲"demo" 的元素。
$("[href]") 選取全部帶有 href 屬性的元素。
$("[href='#']") 選取全部帶有 href 值等於 "#" 的元素。
$("[href!='#']") 選取全部帶有 href 值不等於 "#" 的元素。
$("[href$='.jpg']") 選取全部 href 值以 ".jpg" 結尾的元素。
$("[href^='/imgaes/']") 選取全部 href 值以 /imgaes/" 開頭的元素。
更多詳細信息請參見jQuery API的Selectors部分。ajax

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。