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