Jquery之滚动监听
用到scroll()事件和scrollTop()css位置监听
实现效果:菜单栏随着滚动条的移动而移动(滚动监听.gif)
$(window).scroll(function(){ //获取网页滚动的偏移位 var offset=$(“html body”).srcollTop(); //触发事件的条件 if(offset>某个值比如 50){ $(“.left”).css({ “margin-top”:””+offset+”px” }); } }); |
Jquery之实时监听输入框(textarea)值得变化
用到delegate()事件委托
实现效果:当输入框没有输入值得时候,提交按钮无法点击
Html: <input type=”button” class=”send” disabled>发表</input> <textarea class=”comment”></textarea> js: $(“body”).delegate(“.comment”,”propertychange input”,function(){ console.log($(this).val()); //判断是否为空 if($(this).val().length>0){ //让按钮可以点击 //操作属性节点 $(“.send”).prop(“disabled”,”false”); }else{ $(“.send”).prop(“disabled”,”true”); } });
$(“.send”).onclick(function(){ //获取输入框的值 var $text=$(“.comment”).val(); //创建新的属性节点 $(“.messagelist”).prepend($()); }); |
Jquery之获取本地时间
function createTime(){ //获取本地时间 var date=new Date(); //转换格式 比如换成2018-8-13 19:17:20 var arr=[date.getFullYear()+”-”, date.getMonth()+”-”, date.getDate()+” ”, date.getHours()+”:”, date.getMinutes()+”:”, date.getSeconds() ]; //转换成字符串 return arr.join(“”); } |