12,2018-08-09笔记

1,换行 <br>

2,html图像通过标签<img>来定义 <img src="../a.jpg" width="20" height="20">

3,class为html 元素定义一个或者多个类名 (className) js获取 class值方式为 $(".className").val();  id获取值的方式为$("#id").val(); name获取值的方式为:

var name=$.trim($('[name="pageSize"]').val());

4, Style 定义元素的行内样式

5,   Title 描述了元素的额外信息

6, 使用data-*属性来镶嵌自定义数据   获取data属性的值 data-id  data-name………..等等data类型的都可以这样获取值 

7, <ul>

    <li onclick="showDetails(this)" id="owl" data-id="bird">Owl</li>

</ul>

//获取data的值

 function showDetails(o){

               var animaltype =$(o).data('id');

                alert(animaltype);

                  }

8,设置自动播放video元素 ,这样可以避免播放不兼容的问题 且值播放一次

<video contorls autoplay loop>

<source src="movie.mp4" type="video/mp4">

<source src="movie.org" type="video/ogg">

</video>

9, 文本框  <textarea rows=”10” cols=”50”>

10,加粗文本   <strong>加粗文本进行格式化</strong>

11,循环数组

success: function(response){

console.log(response);

var data =response.data;

$(response.data).each(function(ix ,item){

layer.alert(item.awid);

});

}

12,页面刷新代码 window.location.reload();

13,在页面debugger方法-------------在方法里直接写debugger就可以

14 checkbox选中事件, $(this).val()

<dd>

<label class="">

      <input type="checkbox" value="5" name="checkbox" id="termmore_add_right">

      添加</label>

   <label class="">

  <input type="checkbox" value="6" name="checkbox" id="termmore_update_right">

      修改</label>

   <label class="">

      <input type="checkbox" value="7" name="checkbox" id="termmore_delete_right">

      删除</label>

   <input type="checkbox" value="8" name="checkbox" id="termmore_query_right">

      查看</label>


</dd>

var list=nea Array();

$.each($('input:checkbox"checked"),function(){

list.push($(this).val());

});

15 如果页面传递值可能为空的时候,后台不用int接收 ,用Integer接收

16,跳转到父一级页面的方法 

top.location.href="index.html"

17,多个三目表达式的用法

<th data-name='finame'>${flname==1?"工资支出":flname==2?"服装收入":flname==3?"吃饭支出" :flname==4?"礼金支出":flname==5?"交通支出":flname==6?"股票收入":"其他支出"  }</td>

18, http://www.jq22.com/jquery-info18715 自动弹窗

https://www.jquery123.com/category/manipulation/dom-replacement/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Scala与Java的关系 Scala与Java的关系是非常紧密的!! 因为Scala是基于Java虚拟机,也就是...
    灯火gg阅读 3,535评论 1 24
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,426评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,259评论 19 139
  • 满满的都是套路,却又那么真实,近几年电商遥遥领先并不是没有原因的,这就是原因。 电商唯一的弊端是不如实体店...
    姜杨Ada阅读 407评论 0 0
  • 一晚上的长途火车,终于又来到了这个熟悉而陌生的城市。阳春四月,大地回春,人们开始穿着花花绿绿的衣服出去踏青,河边公...
    桂丑阅读 528评论 4 7