记录前台页面一些jQuery笔记

　　不知不觉工作两个月了,在这两个月,我成长很快学的很多,刚开始的时候,很多问题不懂,很多技术不会,当然作为实习阶段,很多不会的问题我都会去请教别人,在这里得感谢那些帮助我的人,但是经常去问别人问题,首先是自己不好意思,如果问的问题简单会感觉丢人,如果问的问题复杂,别人给你一讲你听不懂会更丢人了,哈哈,最重要的还是不好意思去打扰别人啦,大家都很忙的,再者,经常找别人别人也很烦躁的,因此向别人请教问题最基本的一点就是,问过的问题不能问第二遍,但是如何做到别人给你讲第一遍时你就能完全吸收,争取下次碰到这个问题你就能自己解决而不需要问别人呢?做笔记!做笔记!!做笔记!!!重要的事情得多说几遍!有些人会觉得做笔记很浪费时间,而且不知道如何去做笔记,推荐一款软件,有道云笔记电脑版,很不错的一款软件,你能够给你的笔记文件进行归类,需要查看的时候找到指定目录去查找,好像网易对有道云笔记并没有怎么维护,目前我觉得存在的问题有1.没有护眼模式;2.粘贴文本进去都是带格式的,每次都要手动清除特别麻烦;3.左下角有个非会员永远无法去掉的广告,强迫症看着特别不爽.下面整理了部分自己在工作中很多用到而又不会最后又会的前端的笔记.

1.onKeyup="value=formatnumber(this.value,12,2);"表单输入的值必须满足(12,2)

2.页面加载完后:$(document).ready(function($){

  绑定事件:    　　 $("#queryWare").bind("click", function(){

 

           　　　　　}

                    })

 

3.当点击鼠标时，隐藏或显示 p 元素：

$("button").bind("click",function(){

　　$("p").slideToggle();

});

 

4.$("#save").attr("disabled",true);使节点禁用,防止重复提交

 

5.

弹出层(渐进渐出):

<div id="faqdiv" class="pop pop_v4 faqdiv" style="position:absolute;width:90%;height:80%; top:40px;left:200px;z-index:100; display:none">

　　#parse("/WEB-INF/vm/cust/auctionCust/addWares.vm")

</div>

<div id="sortdiv" class="pop pop_v4 faqdiv" style="position:absolute;width:80%;height:115%; top:40px;left:200px;z-index:100; display:none">

　　#parse("/WEB-INF /vm/cust/auctionCust/waresSort.vm")

</div>

打开弹出层:

　　$("#faqdiv").fadeIn("fast");

      $("#faqbg").fadeTo("slow", 0.38);

关闭弹出层:

    jQuery("#faqbg").fadeOut("slow");

    jQuery("#faqdiv").fadeOut("slow");

 

6.将节点变成disabled状态:

　　(1).attr("disabled","disabled")

　　(2).attr("disabled",true)

将disabled状态的节点变成enabled状态

　　(1).attr("disabled",false)

　　(2).attr("disabled","")

　　(3).removeAttr("disabled")

 

7.执行删除操作时,中间的等待时间

　　jQuery("#s").loadMask("正在处理,请稍后....");

8.多选框未被选择并点击相关按钮进行操作时,提示"请选择..."

　　jQuery("#btn").click(function(){

　　　　var wareIds = "";

　　　　jQuery("input[name='subchk']").each(function(){

　　　　　　if(jQuery(this).attr("checked") == true){

　　　　　　　　wareIds = wareIds + jQuery(this).attr("value") + ",";

　　　　　　}　

　　　　})

　　　　if(wareIds == ""){

　　　　　　alert("请选择商品!");

　　　　}

　　});

 

9.jQuery中.val()和.attr('value')的区别:

.val() 能够取到 针对text，hidden可输入的文本框的value值。

而 .attr('value') 可以取到html元素中所设置的属性 value的值，不能获取动态的如input type="text" 的文本框手动输入的值。

 

10.jquery $('#btn').click与$("#btn").live("click",function()有什么区别？

https://zhidao.baidu.com/question/512353425.html?qbl=relate_question_1&word=jQuery.bind%28%22click%22%2Cfunction%28%29%7B%7D%29%BA%CDjQuery.click%28fucntion%28%29%7B%7D%29