秦小小樱

导航

html回顾随笔2(*^__^*)

---恢复内容开始---

天猫练习

<a title="a">  鼠标移动到超链接上会有提示框文字显示;

overflow: 容器内,内容超出容器范围后,隐藏超出得 部分;

Jquery:

函数格式$(function(){$(this).find(".class").hide});

$("#id").css("css属性","css值");

 文档就绪函数

$(document).ready(function(){

--- jQuery functions go here ----

});

这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

  • 试图隐藏一个不存在的元素
  • 获得未完全加载的图像的大小

jquery获取内容:

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值
  • attr()-获取属性值

 

---恢复内容结束---

<a title="a">  鼠标移动到超链接上会有提示框文字显示;

overflow: 容器内,内容超出容器范围后,隐藏超出得 部分;

Jquery:

函数格式$(function(){$(this).find(".class").hide});

$("#id").css("css属性","css值");

 

indexOf 返回字符串中首次出现想要匹配字符串的位置(>=0时匹配成功;=-1时未匹配到)

e.g:

temp ="happy"

temp.indexOf("aa") =1;

substring(a,b) 从下标a开始截取到b-1下标处

substring(a)截取掉a个字符并返回的是剩下的字符串

 

lable标签 里的for对应 相关控件的id

 

5/27

对于div 设置padding高度时会给div自身加上padding高度的值

通过加上html5新加的属性可以避免这种情况的发生

 -moz-box-sizing: border-box;  /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box; /*Opera9.6*/
-ms-box-sizing: border-box; /*IE8*/
box-sizing: border-box; /*W3C标准(IE9+,Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/ 

或者我们可以不设div的高度

还有对于input设置高度我们可以用style=" -webkit-box-sizing:border-box;-moz-box-sizing:boder-box;height:24px; background:url(img/clock.png) right no-repeat  ; "

来进行对input输入框的高度设置。

 

posted on 2017-11-03 17:04  RonnieQin  阅读(229)  评论(0编辑  收藏  举报