Python学习 Day37 jQuery框架01
生活随笔
收集整理的這篇文章主要介紹了
Python学习 Day37 jQuery框架01
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
jQuery框架
一、jQuery基本概述
- jQuery是一個(gè)快速簡潔的JavaScript框架，屬于JavaScript代碼
- jQuery的設(shè)計(jì)宗旨是：write Less，Do More，寫更少的代碼，做更多的事
- 它封裝了JS常用的功能代碼，提供一種簡便的JS設(shè)計(jì)模式，優(yōu)化HTML文檔操作、事件處理、動畫設(shè)計(jì)和Ajax交互
jQuery的核心特性可以總結(jié)為：
- 【1】具有獨(dú)特的鏈?zhǔn)秸Z法（連續(xù)打點(diǎn)）和短小清晰的多功能接口（封裝的函數(shù)）
- 【2】具有高效靈活的css選擇器，并且可對CSS選擇器進(jìn)行擴(kuò)展
- 【3】jQuery兼容各種主流瀏覽器，如IE6.0+ FF1.5+ Safari2.0+ Opera9.0+
二、引包
-
概述：我們目前而言，接觸過的文件類型有css、html、js。JS這門腳本語言需要嵌套在靜態(tài)頁面中才可以執(zhí)行
-
獨(dú)立JS文件【書寫JS語法】不能單獨(dú)運(yùn)行，需要在靜態(tài)頁面中引入
-
注意：JS文件當(dāng)中可以書寫JS代碼，JS腳本語言（代碼），需要嵌套在靜態(tài)頁面中才可以執(zhí)行
-
引包：靜態(tài)頁面引入JS文件，讓靜態(tài)頁面給JS文件提供執(zhí)行環(huán)境
語法格式：
- < script type=“text/javascript” src=’./jQuery.js '> < /script> 一般放在head中
jQuery下載地址：http://www.jq22.com/jquery-info122
- 注意：JQ有三個(gè)版本1/2/3，并不是最新的就是最好的，2.0以上版本不再支持IE 6/7/8，根據(jù)需求選擇
jQuery使用：編輯器中新建一個(gè)JS文件，將所需要的JQ文件復(fù)制到其中，再通過語句在head中進(jìn)行引包
<head><meta charset="UTF-8"><title></title><!--引包：JS中的代碼不能獨(dú)立運(yùn)行，需要在靜態(tài)頁面的環(huán)境才可以運(yùn)行--><script type="text/javascript" src="js/jQuery.min.js"></script><style type="text/css">*{margin: 0;padding: 0;}div{position: relative;width: 100px;height: 100px;background: red;}</style></head><body><ul><!--快捷鍵 ul>li*10 + tab鍵--><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li><li>水面清圓</li></ul><div>一一風(fēng)荷舉</div></body> </html> <script type="text/javascript">$('li').click(function(){$(this).css({'background':'red'});});$('div').animate({'left':1000},1000); </script>三、jQuery框架基本使用
概述：jQuery是前端當(dāng)中非常優(yōu)秀的一個(gè)JS函數(shù)庫，這個(gè)函數(shù)庫對外暴露一個(gè) $ () 函數(shù)
- 它是jQuery函數(shù)庫非常核心的一個(gè)函數(shù)，可以用來匹配節(jié)點(diǎn)樹上的標(biāo)簽
- 注意：jQuery函數(shù)庫支持我們曾經(jīng)學(xué)習(xí)過的所有選擇器：*【通配選擇器】、標(biāo)簽、類、id選擇器等
- JQ支持鏈?zhǔn)秸Z法，連續(xù)打點(diǎn)【永遠(yuǎn)是$函數(shù)開頭的】
- CSS函數(shù)也是JQ函數(shù)提供的，用來設(shè)置行內(nèi)樣式
- JQ對象才可以使用JQ里面的方法
總結(jié)
以上是生活随笔為你收集整理的Python学习 Day37 jQuery框架01的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 解释下什么是最小二乘法
- 下一篇： python 简单TCP通信实例 TCP