jquery学习 二

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(“”);

}

 

猜你喜欢

转载自blog.csdn.net/qq_39860799/article/details/81635713