文档标签： jquery
我先说一下什么是source map文件。source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，如果有一些JS报错，那么浏览器会通过解析这个map文件来重新merge压缩后的js,使开发者可以用未压缩前的代码来调试，这样会给我们带来很大的方便！而这种还原性调试功能，目前只有chorme才具有，所以就会出现标题说的问题，我引入jquery-1.10.2.min.js的时候，在firefox下或者其他浏览器下是好的，在chorme下会报错找不到jquery-1.10.2.min.map文件，404，就是因为以上说的情况，jquery会检测浏览器是否支持source map功能，如果支持的话，那就去下载source map文件，而这个时候如果你引用的是官网的min.js那没问题，它会去自己的目录下找sour...
今天在网站上的一个广告网站看到的一jquery特效，感觉不错，也许以后有用，就记录了下来！jquery特效正常情况下： 访问情况：拖动了一下：//浮动导航条的拖动与展开收缩
$(function () {
var box = $('.menu'),
obj = box.children('span');
obj.show();
box.hover(function () {//鼠标移上去后出现选择菜单
obj.stop(false, true).show(300);
&nbs...
$(“[id^=percent]“).size()^=：表示以什么开头$=：表示以什么结尾~=：表示包含什么id：表示按id选择...
$(".app a").bind({
mouseenter:function(){
$(this).children("img").animate({filter:'alpha(opacity=50)',opacity...
先判断jq是否被加载if (typeof window.jQuery == “undefined”) {//未引用Jquery} else {//引用了Jquery}再加载jqif (typeof window.jQuery == ‘undefined’) {var fileref = document.createElement(‘script’); //创建标签fileref.setAttribute(“type”, “text/javascript”); //定义属性type的值为text/javascriptfileref.setAttribute(“src”, “/js/jq.js”); &nbs...
jquery获取url参数
(function($){
var deparam=function(querystring){
var params={};
var queryarray=(querystring||"").split("&");
$.each(queryarray,function(index,item){
var keyValuePairs=item.split("=");
var key=keyValuePairs[0];
if(key){
var value=decodeURIComponent(keyValuePairs[1]);
params[key]=value||"";
}
});
return params
};
$.extend($,{deparam:deparam})
})(window.jQuery);
//使用方法
$(function(){
var search = location.search.slice(1);
var param =...
利用jquery的load函数实现js加载图片显示加载中...
html:
<img src="loader-portrait.gif" style="opacity: 0;">
<img src="${image}">
js:
$(".load-complete").load(function() {
$(this).css({'opacity':'1'});
$(this).parent('div.image').find('img.l').css({'opacity':'0'});
});
js图片加载中...
jquery获取光标位置插入字符,js光标位置
(function($){
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == '0') {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value....
今天发现HotKeys插件的功能真的很强大,且使用简单,以后再也不用考虑键值的问题了,自己定义每个键的函数就行了
使用方法:
复制代码代码如下:
$.hotkeys.add('键名', function(){ 要实现的目的});
//键名可以是单键,也可以是组合键例如:ctrl+c就表示同时按下ctrl和c.
取消某个键的事件:
复制代码代码如下:
$.hotkeys.remove('键名');
具体演示效果请转到我专门翻译的一个页面,你可以自己测试特殊键和组合键:http://img.jb51.net/online/jquery_HotKeys.html
下载插件地址::http://code.google.com/p/js-hotkeys/downloads/list...
经常是输入json数据到js中，一直用的json_encode,也一直没问题
今天在做微信相关的数据的时候，需要将json数据传输到PHP中，利用的jquery.json插件，利用此插件将数据转换成json数据传入后台进行操作
问题就是在这里经过toJson后的数据是被转义过了的，前面我一直是将str_replace将\"轮换成 “但是后面修改数据的时候越来越多的\"需要数据，最后在网上查找到了相关的解决方法：
http://www.beijibear.com/index.php?aid=45
本章的重点在这里：http://www.beijibear.com/index.php?aid=182
PHP去掉转义后字符串中的反斜杠\函数stripslashes
addslashes函数主要是在字符串中添加反斜杠对特殊字符进行转义，stripslashes则是去掉转义后字符串中的反斜杠\，比如当你提交一段json数据到PHP端的时候可能会遇到json字符串中有\导致json_decode函数无法将j...
前面我们了解了jquery瀑布流的相关流程，其中有一个问题值得我们注意就是jquery height()这个属性
height只计算了本身的高度，其中不包括margin、padding、border这些属性！
在线测试地址：jqeruy在线测试工具...
最近手头有一个特效与定位相结合的功能，
先将事例地址发上来：http://xixi.adophper.com/team/.
看一下页面效果：三面都已经定位，只有内容那一块是活动的，点击左边部分滑动右边到相应的位置.
未解决前的问题：右边是滑动但总是滑动超过了对应的位置，百思不得其解！想了一下，如果是正常的页面是页面滑动至相应位置
现在的情况是相应的点滑动至相应位置，刚好正常情况反过来了！
其中我还想过用iframe来做的，但是考虑到工作量就放弃了，可能还是双腿解决这个问题吧！
因为本身点击的时候已经有用到jquery了，最后在百度是查到了相应的技术用animate来解决，
上源码分析：
[html]
<script>
var re = new RegExp('^'+site_url+'(.+)$');
$(function(){
$(".team_list a").click(function(e){
var a = $(this),
hash ...
今天在做jquery表单提交的时候没有反应，也不报错，这就有点怪了。
[js]
$(function(){
$("#ok").click(function(){
$("form[name='myform']").submit();
});
});
[/js]
就是这样一个简单的代码，居然不能提交。
后来我将此代码修改了一下：
[js]
$(function(){
$("#ok").click(function(){
$("#myform").submit();
});
});
[/js]
这样就对了
原来jquery提交表单要用id...