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中mouseover事件用法,以实例形式分析了mouseover事件处理鼠标指针滑过时的使用技巧,需要的朋友可以参考下2014-12-12
下面与大家分享下两种方法设置disabled属性以及三种方法移除disabled属性，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-05-05
这篇文章主要为大家详细介绍了利用jQuery实现轮播图效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-08-08
这篇文章主要介绍了jQuery操作元素追加内容,结合完整实例形式分析了jquery页面元素追加相关操作方法,包括append、appendTo、prepend、prependTo等方法使用技巧,需要的朋友可以参考下2020-01-01
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
这篇文章主要介绍了jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法,结合实例形式分析了属性插件zTree针对节点序号的相关操作技巧,需要的朋友可以参考下2017-03-03
jqGrid可以结合fancybox等插件完成超酷的弹出层效果，通过与php后台交互，可以轻松完成数据的添加与详情查看，而这个过程完全是一个ajax异步通信过程，是一个非常友好的富客户端应用，本文给大家介绍jqGrid表格应用之新增与删除数据，需要的朋友参考下2015-12-12
async在jquery ajax中是一个同步参数。本篇文章给大家介绍jq中的ajax async同步和异步，小伙伴跟着小编一起学习吧2015-09-09
Jquery Easyui日历组件Calender使用详解（23）
这篇文章主要为大家详细介绍了Jquery Easyui日历组件Calender的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
jQuery调用WebService的实现代码,需要的朋友可以参考下。2011-06-06
这篇jquery入门的文章，确实不错，前提是大家已经对js稍微熟悉一点即可能看懂，非常不错的jquery入门篇文章。2009-12-12
最新评论