标签归档:jQuery

jquery ajax get 一个url,超级简单

$("#btn1").click(function(){ var hangye = $("#hangye").val(); $.get("help.php?act=eall&hangye="+hangye,function(data,status){ $("#stocks").html(data); //alert("Data: " + data + "\nStatus: " + status); }); });

发表在 WEB前端 | 标签为 , , | 留下评论

jquery 遍历元素

jquery 操作的确简便了很多。不多有不少东西要学。 <input type="button" value="张三1" code="zs001" > <input type="button" value="张三2" code="zs002" > <input type="button" value="张三3" code="zs003" > $("#btn2").click(function(){   $("input[myatt='code']:button").each(function(){ var code = $(this).val(); alert(code); });       }); $(“input[myatt='code']:button”).each(function(){ 在each里分别执行,就好了。

发表在 WEB前端 | 标签为 , | 留下评论

Jquery 的 ajax 提交超级编辑器 POST 出错

var title = $(‘#title’).val(); var picture = $(‘#picture’).val(); var content = $(".nicEdit-main").html(); var id = $("#id").val();   var data = ‘title=’ + title + ‘&content=’ + content + ‘&id=’ + id + ‘&istop=’ + istop; if(picture != ”){ data += … 继续阅读

发表在 PHP, WEB前端 | 标签为 , , | 留下评论

ajax jquery post图片流给服务器进行图片上传

纯ajax 图片上传,ajax来post图片流给服务器。 FormData 可以把post数据改成流传输。 <form id="frm"> <div id="box2" style="margin:0px auto; width:100%; min-height:150px; background:#FF9"> <input type="file" name="file1" id="file1" /> <input type="button" value="上传" id="upload"> </form>   //ajax 上传 $("#upload").click(function(){ var url = "http://mm.com/ajaxupload.php";   var formData = new FormData($( "#frm" )[0]); $.ajax({ … 继续阅读

发表在 PHP, WEB前端 | 标签为 , , | 留下评论

让百度分享自动悬浮在博客顶部的jquery

引入百度分享自动悬浮在顶部jquery 百度分享是让来访者分享一篇博文的插件,可以提高博客被分享的概率。因为用户点起来方便啊。 不过月小升认为随着用户拖动悬浮起来比较酷哦。(百度自己的悬浮样子感觉用户用起来不太方便) 直接用以下代码 <script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"></script>   <script src="/blog/js/scroll.js"></script>   <div class="y_bds" style="clear:both;"> <!– Baidu Button BEGIN –> <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare"> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_qzone"></a> <a class="bds_renren"></a> <a class="bds_douban"></a> <span class="bds_more"></span> <a class="shareCount"></a> </div> <script type="text/javascript" … 继续阅读

发表在 WEB前端 | 标签为 , , , | 留下评论

jQuery attr函数使用

attr 匹配一个元素的任意属性。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript"> function jq(){ alert($("img").attr("tags")); } </script> </head>   <body> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" name="myimage" tags="baidu" /><br>       <a href="#" id="test" onClick="jq()">jQuery</a>   </body>   </html> 当然也可以匹配src alert($(“img”).attr(“src”)); attr函数还可以给一个属性赋值 $(“img”).attr(“alt”,”baidu logo2 Image”); 批量赋值 … 继续阅读

发表在 WEB前端 | 标签为 | 留下评论

jQuery 元素隐藏函数toggle

toggle 函数一个函数搞定以前写js里,if($(“x”).style.display==”block”){….}else{} 一个函数全部搞定。方便不少。函数还可以回调其他函数。 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script>   </head>   <body>   <script type="text/javascript"> function jq(){ alert("b"); } </script>     <img src="http://news.baidu.com/resource/img/logo_news_137_46.png" style="width:150px"/> <a href="#" onClick=’$("img").toggle("slow")’>jQuery1</a>   <hr> <div id=a1 style="width:200px;height:200px;background:blue;"></div> <a href="#" onClick=’$("#a1").toggle("normal",jq)’>jQuery2</a> </body>   </html> $(selector).toggle(speed,callback,switch) … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

jQuery 的after函数

after函数相当于匹配一个元素以后,在这个元素后面增加一段文字 <div id="s1">my name is</div> 使用函数after(“tom”); 形成的html结构为 <div id="s1">my name is</div>tom append函数是在元素内部增加 append(“tom”) <div id="s1">my name is tom</div> after(elm) after 一个元素,相当于,将elm这个元素移动到当前匹配到的元素后面 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript">     function jq(){ $("#test").after("<b>Hello</b>"); $("#test").after($("#test3"));   } </script> </head>   <body> … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论

jquery中的each函数使用

each(fn) 说明:将函数作用于所有匹配的对象上 参数:fn (Function): 需要执行的函数 each 对于制作批量图片特效非常有用 <html> <head> <script type="text/javascript" src="jquery-1.8.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ //表示对每一个这个元素,执行这样的行为 $("img").each(function(){ this.src= "http://img.baidu.com/img/image/ilogob.gif"; });   $("div").each(function(){ this.innerHTML = "b"; });   }); }); </script> </head>   <body> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png"/><br> <img src="http://news.baidu.com/resource/img/logo_news_137_46.png"/>   <div … 继续阅读

发表在 WEB前端 | 标签为 | 留下评论

3D图片墙相册特效

这个特效看到了非常喜欢,特此收藏 特点 1.多张图片不用一样大, 2.看起来像电影胶带 预览效果

发表在 WEB前端 | 标签为 , | 留下评论