Jquery
叶少翔
这个作者很懒,什么都没留下…
展开
-
Jquery中的bind(),on()绑定事件方式
(1)bind()向匹配元素添加一个或多个事件处理器$(function () { $(".btn-test").bind("click", function () { //代码 }); //空格相隔方式 $(".btn-test").bind("mouseout click", function () { //代码 }); //大括号替代方式 $(".btn-test").bind({ "原创 2016-11-04 23:27:35 · 359 阅读 · 0 评论 -
图片预加载
说明: src路径为默认给定的图片, loading路径为真实显示的图片路径以下为js代码图片预加载。。。function lodingImg(){ $('#img li img').each(function(){ if($(this).offset().top && $(this).offset().top>=$(document).scrollTop()原创 2016-11-04 23:28:33 · 275 阅读 · 0 评论 -
jquery.qrcode生成二维码文件
jQuery(document).ready(function(){ jQuery('#output').qrcode({ text: "http://www.csdn.net/", height: 120, width: 120, src: 'images/img.jpg'//这里配置Logo的地址即可。 }); });jquery.qrcode下载地址:原创 2016-11-03 22:53:09 · 570 阅读 · 0 评论 -
下拉列表框双向选择操作
待选区 请选择 Mysql Redis MongoDB PHP Javascript Jquery Linux Ajax > 已选区 $(document).ready(function(){ //从左边添加到右边 $("#left2Right").on('click',funct原创 2017-01-12 14:28:53 · 1495 阅读 · 0 评论 -
//JQ操作文本域和下拉选项的值
选项一 选项二 选项三 选项四 选项五 这是文本域里的值 //js代码$("#HookEct").change(function(){ var i = $('#HookEct option:selected') .val();//选中的值 $("#HookEct").find("option[value="+i+"]").attr("selected",true);原创 2017-01-09 17:51:47 · 542 阅读 · 0 评论 -
加入购物车与购物车加减
(一)加入购物车html代码部分: 0已成功加入购物车去结算 --> 加入购物车 加入购物车... js代码部分: function add_car(){ $(".load_cart").show(); $(".cart_l原创 2016-11-04 23:31:31 · 3032 阅读 · 1 评论 -
html2canvas 将html代码转为图片
转换代码到图片使用 html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。使用 html2canvas html2canvas 的使用非常简单,简单到只需要传入一个 DOM 元素,然后通过回调拿到 canvas:在实际使用的时候,有两个注意点: 1.html2canvas 通过解析元素实际的样式来生成 canvas 图片内容,因此原创 2016-11-04 23:32:21 · 26049 阅读 · 5 评论 -
手机端图片上传
(一)css样式 body,html,section {padding:0;margin:0;} .up_phone{ background: #fff;padding: 15px 10px;margin-top:10px;border:10px solid #f3f3f3;} .up_phone span input[type="file"]{width:85px; height:原创 2016-11-04 23:31:36 · 998 阅读 · 0 评论 -
手机端图片上传--支持图片裁剪
(一)css样式部分 body,html,section {padding:0;margin:0;} .upload{ /*height: 200px;*/ position: relative; overflow: hidden; } .upload p{ text-align: center; color: #fff; font-size: 1.1em; mar原创 2016-11-04 23:31:34 · 3262 阅读 · 0 评论 -
加载更多数据
(一)js代码如下 var currentPage =1; var pages = {:$pageNum:}; function nextPage(){ if (pages == 0){ return; } currentPage++; if(currentPage>pages){原创 2016-11-04 23:31:28 · 389 阅读 · 0 评论 -
动态添加数据(三)
(一)html代码结构 关键词 (二)js代码var willinput=document.getElementById("willinput");var sitein=document.getElementById("sitein");var osave = document.getElementById("sitebidding");$("#copy").on("click原创 2016-11-04 23:31:25 · 400 阅读 · 0 评论 -
动态添加数据(二)
(一)html代码结构 已选文章 $v): ?> " checked="checked">"> (二)js代码 //默认开关值var mayclick=true; $('.recommend_right').on('click','#search_recommend_but',function(){ if (!mayclick){alert('正查着呢,别着急');retu原创 2016-11-04 23:31:22 · 263 阅读 · 0 评论 -
动态添加数据(一)
(一)html代码结构 if(isset($keyword_tag)){ foreach($keyword_tag as $key=>$val){ echo ""; echo ''; echo ''.$val['tag'].''; echo ""; } } ?> (二)js代码//键盘按键事件$(function(){ $('#tags')原创 2016-11-04 23:31:20 · 338 阅读 · 0 评论 -
Jquery阻止表单提交
$(document).ready(function(){ $("form").submit(function(e){ e.preventDefault(); alert("表单阻止提交了"); }); });原创 2016-11-04 23:29:20 · 381 阅读 · 0 评论 -
jquery基础语法
1.ready()方法 1).举例 $(document).ready(function(){ //代码处理 }); 2)ready()和window.load的区别 (1)ready()是在DOM接口加载完成后马上执行;window.load在网页上的所有元素全部载入成功后才执行 (2)同一个网页中可以写多个ready()方法,但只有一个window.load 3)read原创 2016-11-04 23:28:52 · 259 阅读 · 0 评论 -
手机端上传图片
(一)html代码结构 上传照片 上传图片 (二)js代码操作 function selectFileImage(fileObj) {原创 2016-11-04 23:28:46 · 854 阅读 · 0 评论 -
JQ实现数字滚动显示
/*文章数*/.zsNum{line-height:24px; width:1000px; height:68px;overflow: hidden;margin: 10px auto;}.zsNum span{float:left; height:50px; overflow: hidden; width:198px; margin:9px 0; color:#999; border-rig原创 2017-03-07 14:22:37 · 1370 阅读 · 0 评论