jQuery 學習筆記2 點選時彈出乙個對話方塊

2022-03-27 12:32:17 字數 2089 閱讀 9930

上次學習的是頁面載入完成後彈出乙個警告框,這裡我們改為當使用者點選後彈出乙個警告框。

點我幹嘛

注意:如果直接寫

$('a').click(function()

);

是不能成功的,必須要載入ready,活著把**寫到頁面的最後位置。

原因是**執行時,a標籤還沒有內容

結果:用jquery的方法比較簡單,首先要確定的就是我們要操作誰?

下面我們多試幾個

點我幹嘛

這樣,input的所有框點選時都會彈出警告框。

下面測試下,name的值對應的框,先把上面的**注釋掉

點我幹嘛

當點選name為name1的時候有警告框,沒有name值的沒有警告框。

下面測試提交按鈕

點我幹嘛

這樣,就只有input的type為submit時才會有警告框。

表示式彈出

>點選彈出警告框

title

>

26head

>

27<

body

>

28<

div

id="alert"

>

29<

a href

="#"

>點我幹嘛

a>

30div

>

31<

div

id="in"

>

32<

input

type

="text"

name

="name1"

/>

33<

input

type

="text"

/>

34<

input

type

="submit"

/>

35div

>

36body

>

37html

>

大於0的input框彈出,注意,input是從0開始計算的,也就是只有第乙個不彈出。

當然,還有第乙個input彈出

1

$('input:first').click(function() );

或者最後乙個input彈出

1

$('input:last').click(function() );

這裡的最後乙個就是提交按鈕了。

jQuery02 點選標題面板顯示內容

w3c dtd xhtml 1.0 transitional en class box 1.點選每組的標題時,顯示該標題下的面板 同時隱藏其他的面板。2.頁面載入完畢後預設顯示第乙個標題下的面板。panels dotnet23 英雄們,該寫作業了.dotnet24 其實它只是個傳說.dotnet25...

cocos2d x 3 0點選響應

迄今為止,發現cocos2d x 3.0最讓人驚豔的地方就是更改了點選事件機制。ps 迄今只看了點選事件這塊,捂嘴笑 cocos2d x 2.0 只有cclayer有點選事件處理,需要註冊,需要實現ontouchbegan等方法,最坑爹的就是按照優先順序來傳遞點選事件,讓人詬病不已。每次遇到由於優先...

JQuery學習筆記(2)

jquery的屬性選擇器 div id為one test div id為one te div id為one te div id為one es xxt aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa 子元素選擇器 根據該元素是父元素下出現的位置來選中子元素.one two three f...