jQuery杂项进阶(四)
文章目錄
- 一、$ 的替換
- 二、使用JSONP實(shí)現(xiàn)跨域
- 三、jQuery 雜項(xiàng)方法、實(shí)用工具、回調(diào)對象、延遲對象參考 ☆
- 四、jQuery 自身屬性參考 ☆
- 五、jQuery 插件介紹和參考 ☆
- jQuery 樹型菜單插件(Treeview)
- jQuery Validate表單驗(yàn)證,jQuery Password Validation(密碼驗(yàn)證)
- jQuery Cookie 插件
- jQuery Autocomplete
- jQuery Growl 插件(消息提醒)
- jQuery Tooltip
- 參考
一、$ 的替換
$ 符合發(fā)生沖突時(shí),可以用noConflict() 方法取消 $ 的作用,或者用其他變量代替 $ 的作用,或者直接用jQuery替代(本身 $ == jQuery)
// 用 jq 替代 var jq = $.noConflict(); jq(document).ready(function(){jq("button").click(function(){jq("p").text("jQuery 仍然在工作!");}); });// 用jQuery替代 $.noConflict(); jQuery(document).ready(function($){$("button").click(function(){$("p").text("jQuery 仍然在工作!");}); });二、使用JSONP實(shí)現(xiàn)跨域
需求:
如客戶想訪問 : https://www.runoob.com/try/ajax/jsonp.php?jsoncallback=callbackFunction。
假設(shè)客戶期望返回?cái)?shù)據(jù):[“customername1”,“customername2”]。
真正返回到客戶端的數(shù)據(jù)顯示為: callbackFunction([“customername1”,“customername2”])。
服務(wù)端JSONP 格式數(shù)據(jù)
<?php header('Content-type: application/json'); //獲取回調(diào)函數(shù)名 $jsoncallback = htmlspecialchars($_REQUEST ['jsoncallback']); //json數(shù)據(jù) $json_data = '["customername1","customername2"]'; //輸出jsonp格式的數(shù)據(jù) echo $jsoncallback . "(" . $json_data . ")"; ?>客戶端頁面完整代碼
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>JSONP 實(shí)例</title><script src="https://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script> </head> <body> <div id="divCustomers"></div> <script> $.getJSON("https://www.runoob.com/try/ajax/jsonp.php?jsoncallback=?", function(data) {var html = '<ul>';for(var i = 0; i < data.length; i++){html += '<li>' + data[i] + '</li>';}html += '</ul>';$('#divCustomers').html(html); }); </script> </body> </html>三、jQuery 雜項(xiàng)方法、實(shí)用工具、回調(diào)對象、延遲對象參考 ☆
菜鳥教程 - 雜項(xiàng)方法
四、jQuery 自身屬性參考 ☆
菜鳥教程 - jQuery 屬性
五、jQuery 插件介紹和參考 ☆
jQuery 樹型菜單插件(Treeview)
jQuery Validate表單驗(yàn)證,jQuery Password Validation(密碼驗(yàn)證)
為表單提供了強(qiáng)大的驗(yàn)證功能
jQuery Cookie 插件
通過jQuery操作Cookie
jQuery Autocomplete
搜索、過濾值,一般用在輸入框提示中
jQuery Growl 插件(消息提醒)
顯示反饋消息,消息會在一段時(shí)間后自動(dòng)消失
jQuery Tooltip
鼠標(biāo)移動(dòng)在某元素出現(xiàn)提示框,該插件目前版本是 1.3,已經(jīng)很長時(shí)間沒有更新,推薦使用 jQuery UI 工具提示框(Tooltip)
參考
菜鳥教程 - jQuery 插件
總結(jié)
以上是生活随笔為你收集整理的jQuery杂项进阶(四)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery对Ajax的封装应用(三)
- 下一篇: 工程化,模块化,组件化,规范化