web框架之Jqeury基本使用

2022-06-16 15:09:08 字數 1793 閱讀 5155

一 jquery基本使用

### jq: ###

1.1 物件

var $box = $('css3選擇器語法')


// js與jq物件相互轉化


// jq=>js, 就是通過陣列的索引 $box[0]


// js=>jq, 就是將js物件用$()包起來


console.log(box, $(box), $(box)[0]);  // js  jq  js
view code

1.2 選擇器

$('css3選擇器語法')
1.3 事件

$box.事件名(fn)


$box.on('事件名', fn)
1.4 操作css樣式

$box.css('樣式名')  // 獲取


$box.css('樣式名', '樣式值')  // 單一設定或修改


$box.css()


$box.addclass('類名')  // 新增類名


$box.removeclass('類名')  // 移除類名


$box.toggleclass('類名')  // 切換類名
view code

1.5 操作文字

取: $box.text()   賦: $box.text('內容')


取: $box.html()   賦: $box.html('


<


b>內容


b>


')取: $inp.val()   賦: $inp.val('內容')


取: $img.attr("全域性屬性名(src|class|style)")   


賦: $img.attr("全域性屬性名(src|class|style)", "新值")
1.6 文件操作

// 1.建立標籤


var $box = $('


<


div 


class


="box"


>


div>


')// 2.設定


var $p = $('


<


p>


p>


')$p.click(function() {})  // 為jq建立的標籤新增事件


// 3.位置操作


$('body').prepend($box)  // 在body最前插入box


$('body').prepend("


<


b>


b>


")  // 在body最前插入b標籤


$box.after($p);  // 在box後插入p


$box.before($p);  // 在box前插入p


// 4.自身刪除


res = $p.remove()  // p將自己刪除,結果res不保留事件


res = $p.detach()  // p將自己刪除,結果res保留事件


// 接收操作的返回值,方便下次使用(eg:回檔)
view code

1.7 jq動畫

//


優點: 1.可以知道動畫結束的標識(結束的**函式); 2.可以利用jq動畫外掛程式完成複雜的動畫


//box在自己被點選時,自己完成邊界圓角變成50%的動畫


//引數: , 動畫持續的時間, 動畫結束的**函式


$box.click(function


() , 1000, function


() );


});
view code

Python web框架 Flask的基本使用

flask是乙個基於python開發並且依賴jinja2模板和werkzeug wsgi服務的乙個微型框架，對於werkzeug本質是socket服務端，其用於接收http請求並對請求進行預處理，然後觸發flask框架，開發人員基於flask框架提供的功能對請求進行相應的處理，並返回給使用者，如果要...

Web滲透之Web利器合集 sqlmap使用手冊

os cmd sql shell 8.讀取伺服器指定檔案 9.更新 u指定注入點url r 指定檔案 dbs跑庫名 d指定資料庫 tables跑錶名 t指定表 columns跑字段 c指定字段 dump跑資料 敏感指令 count檢視資料量 cookie注入 cookie id 66 level 2...

ReactNative之Flux框架的使用

感謝 react native 能夠說非常火，非常多bat的專案都在使用。不用發版就能夠解決一些問題，給程式猿帶來了非常多福利。研究了一下午，把flux框架在android中給執行了起來。分享給大家 關於flux框架，官方位址是 flux，有興趣的能夠參考。官方給出的關於flux的解釋例如以下 翻譯...