準備工作1:vs2010
提供jquery
智慧型提示功能
,vs2008
則需要安裝
vs2008sp1補丁(
補丁全名
: vs2008sp1chsx1512981,
大概900mb),
可以上ms
.2:jquery
指令碼庫分為
vdoc
和min版本.
只有vodc
版本才具備智慧型提示的功能
,正式上線的
web產品必須引用
min版本
.所有可以在開發環境下引用
vodc
版本.
如果我們更新了指令碼
, 可以通過
"ctrl+shift+j"
快捷方式更新
vs的智慧型感知
,或者單擊
編輯->intellisense->
更新jscript intellisense
1.2.6
(支援中文智慧型提示
)指令碼庫.rar
3:當然獨立的
js檔案新增如下語句後同樣可啟動智慧型提示功能
///
jquery核心函式(api文件-核心-jquery核心函式)
1:$(elements):
獲取dom
物件集合,返回
jquery
用的最多
,傳統的
js獲取
dom物件一般通過
getelementbyid,byname
或bytagname
jquery
中獲取的方式很多(參考
api文件
)2:$(callback):dom
文件載入後執行函式
$(document).ready(fn)
的縮寫,
可多次書寫
3:$(html,[ownerdocument]):
根據提供的原始
html
標記字串，動態建立由
jquery
物件包裝的
dom
元素4:$(expression,[context]):
以上核心函式的基本函式
在context
範圍內查詢,匹配
,或選擇
,包含選擇器的字串
dom物件和jquery包裝集(合)
這裡說的
jquery
包裝集,api
幫助文件中指
array,
所以jquery
包裝集裡面的物件型別是
dom物件
hello
world
var domobject=document.getelementbyid(」hello」)//
這是乙個
dom物件
var jqueryobject=$(」#hello」)//
這是乙個
jquery
包裝集var domobject2=$(」.world」)[0]//
因為是乙個
array,
所以可以通過索引訪問
,前面說過集合物件是
dom型別
.所以這個時候返回的是
dom物件
var jqueryobjcet2=$(domobject)// dom
物件轉為
jquery
包裝集,
這個時候就可以用
jquery
的各種方法操作
dom物件了
推薦api
文件學習先後順序
1:選擇器
(用法感覺像
css,
倆者相連更容易學習了
)選擇器類別:基本
(必須,用的最多
),屬性過濾器和表單選擇器用的也比較多
,其他的感覺用的少
.動態建立元素例子:
在id為test
的div
中新增元素
p,內容為
hello,
紅色字型
1:傳統寫法
:通過使用
document.createelement
方法建立
dom元素
, 然後通過
方法為新增到指定物件上
varchild = document.createelement("p");
child.innertext = "hello";
child.style.color = "#ff0000";
varowner = document.getelementbyid("test");
2:jquery寫法,
用到jquery
核心函式
jquery(html,[ownerdocument]),
再使用追加到指定元素中
或者可以發現,使用
jquery
**少很多
操作元素的屬性和樣式例子:
改變字型顏色
<
style
type
="text/css">
.a.b
style
>
<
pclass
="a">測試1
p>
<
pclass
="a">測試2
p>
<
input
id="send"
type
="button"
value
="改變顏色
"/>
jquery**:
可以參考
api中屬性和
css介紹
,下面的**效果一樣
$("p").toggleclass("a");
$("p").toggleclass("b");
js**
:通常使用
getattiribute
和setattribute
操作元素的屬性
jquery中最吸引人的就是動畫效果和ajax了,學習者認真看看api說明文件應該可以很好的入門.動畫效果的例子(手風琴選單)和ajax請求的例子(使用者註冊前判斷使用者是否存在)
jquery學習筆記
判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...
Jquery 學習筆記
text 和 val 的區別 text 方法是取得所有匹配元素的內容。結果是由所有匹配元素包含的文字內容組合起來的文字。這個方法對html和xml文件都有效。獲取span,div p之類才用text 或html 方法。例子 b a p text 將得到 ba 單行文字不能用text 方法獲得值，必須...
Jquery學習筆記
1.給一組相同的css加事件，要使用bind，live在新的版本已經過期。testcss bind click function e else 未選中 3.改變checkbox選中狀態 mycheckbox prop checked true mycheckbox prop checked fals...