Bookmarklet實現啟動jQuery(模仿 云輸入法)
更新時間：2010年09月15日 12:24:05 作者：
最近流行的 sogo云輸入法， QQ云輸入法，都用到了bookmarklet技術。
書簽本來是用來收藏 網址(http://momo.site.com/), 但實際上書簽還可以收藏 javascript代碼
只要把書簽中的地址url， 換成javascript代碼就可以了。
javascript:your_javascript_expression
上面的 javascript : 可以認為是javascript協議, 就像http: 是http協議一樣。
下面是 啟動jQuery 書簽的地址：
javascript:(
function(jquery_node){
var disable = function(src_node) {
src_node.parentNode.removeChild(src_node);
jQuery.noConflict(1);
};
var enable = function(d,j){
j=d.createElement('script');
j.id='jquery_src_code';
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
d.getElementsByTagName('head')[0].appendChild(j);
};
!!jquery_node ? disable(jquery_node)
: enable(document);
})(document.getElementById('jquery_src_code'))
為了在網頁上可以讓用戶收藏，你需要把它放入一個<a>鏈接中。
比如:
<a href="javascript:your_js_code" title="啟動jQuery"><span>啟動jQuery</span></a>
全部的代碼是：
<a class="how-to-install" id="bookmarklet" title="啟動jQuery"
href="
javascript:(
function(jquery_node){
var disable = function(src_node) {
src_node.parentNode.removeChild(src_node);
jQuery.noConflict(1);
};
var enable = function(d,j){
j=d.createElement('script');
j.id='jquery_src_code';
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
d.getElementsByTagName('head')[0].appendChild(j);
};
!!jquery_node ? disable(jquery_node)
: enable(document);
})(document.getElementById('jquery_src_code'))">
<span>啟動jQuery</span> </a>
結果如下：
啟動jQuery
你可以收藏上面的書簽了 (右鍵，點擊 "將此鏈接加為書簽");
FireBug---》 Console ，試試 jQuery的魅力吧.
jQuery('a');
$('a') 可能會失效，因為可能一開始就有 window.$對象(包含了別的js庫，或網站自己定義了$對象)
cnblogs 的網站就使用jQuery庫。
只要把書簽中的地址url， 換成javascript代碼就可以了。
復制代碼 代碼如下:
javascript:your_javascript_expression
上面的 javascript : 可以認為是javascript協議, 就像http: 是http協議一樣。
下面是 啟動jQuery 書簽的地址：
復制代碼 代碼如下:
javascript:(
function(jquery_node){
var disable = function(src_node) {
src_node.parentNode.removeChild(src_node);
jQuery.noConflict(1);
};
var enable = function(d,j){
j=d.createElement('script');
j.id='jquery_src_code';
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
d.getElementsByTagName('head')[0].appendChild(j);
};
!!jquery_node ? disable(jquery_node)
: enable(document);
})(document.getElementById('jquery_src_code'))
為了在網頁上可以讓用戶收藏，你需要把它放入一個<a>鏈接中。
比如:
復制代碼 代碼如下:
<a href="javascript:your_js_code" title="啟動jQuery"><span>啟動jQuery</span></a>
全部的代碼是：
復制代碼 代碼如下:
<a class="how-to-install" id="bookmarklet" title="啟動jQuery"
href="
javascript:(
function(jquery_node){
var disable = function(src_node) {
src_node.parentNode.removeChild(src_node);
jQuery.noConflict(1);
};
var enable = function(d,j){
j=d.createElement('script');
j.id='jquery_src_code';
j.src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js';
d.getElementsByTagName('head')[0].appendChild(j);
};
!!jquery_node ? disable(jquery_node)
: enable(document);
})(document.getElementById('jquery_src_code'))">
<span>啟動jQuery</span> </a>
結果如下：
啟動jQuery
你可以收藏上面的書簽了 (右鍵，點擊 "將此鏈接加為書簽");
FireBug---》 Console ，試試 jQuery的魅力吧.
jQuery('a');
$('a') 可能會失效，因為可能一開始就有 window.$對象(包含了別的js庫，或網站自己定義了$對象)
cnblogs 的網站就使用jQuery庫。
相關文章
實現表格隔行換色，且感應鼠標行變色的方法有很多，在本文將為大家介紹的是使用jQuery插件來實現，具體如下，感興趣的朋友可以練練手2013-09-09
本文主要是通過具體實例分析jQueryUI里拖拽排序問題，十分的實用，這里推薦給小伙伴們。2015-02-02
這篇文章主要為大家詳細介紹了jQuery實現簡易QQ聊天框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-02-02
用jquery實現的橫向顯示輪換效果。2010-05-05
日期函數在程序開發(fā)中是一個重要的工具,js也提供了Date()函數,如獲取當前時間,當前年月,已經系統(tǒng)時間的毫秒數。2016-10-10
本文主要對jQuery停止動畫——stop()方法的使用進行詳細介紹，對學習jQuery動畫有很好的幫助，下面就跟小編一起來看下吧2016-12-12
精彩的彈幕效果分享給大家，具有一定的參考價值，感興趣的朋友可以嘗試制作彈幕，具體內容如下2016-07-07
基于jquery的3d效果實現代碼，需要的朋友可以參考下。2011-03-03
這篇文章主要介紹了使用JQuery實現Ctrl+Enter提交表單的方法，需要的朋友可以參考下2015-10-10
本篇文章主要是對jquery中l(wèi)oad方法的用法及注意事項進行了詳細介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02