- 浏览: 16445 次
- 性别:
- 来自: 北京
最新评论
文章列表
最近经常用到JQuery,今天就和大家简单说所$(this)和this的区别jQuery中this与$(this)的区别: this 指代的是 DOM 对象,而$(this)指代的是 jQuery 对象。 就相当于以下两者的区别:
var a=document.getElementsByTagName('a')[0];
var $a=$('a').eq(0);
复制代码
看个例子:
innerHTML与innerText的用法与区别
用法:
<div id="test">
<span style="color:red">test1</span> test2
</div>
在JS中可以使用:
test.innerHTML:
也就是从对象的起始位置到终止位置的全部内容,包括Html标签。
上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。 ...
1 关于page cache
由于移动端浏览器webkit基本都实现了page cache(火狐叫做back-forwoad cache);所以回退操作基本不会触发onload操作了,不过上一页的状态事件都会保存,一般情况下不会出问题,如果需要每次展现都触发事件可以考虑pageshow事件。
但是在三星s3上发现了一个问题,就是直接给dom设置属性的时候(这里指的是dom.prop = value 这种类型的,而不是attribute。)点击后退时原生的浏览器这个属性会丢失,而awen在有些库里用到了这种方式。。。所以悲剧了。后来不得不改为attribute。
ps:某日awe ...
Firefox和Opera有一个新特性,名叫“往返缓存”(back-forward cache,或bfcache),可以在用户使用浏览器的“后退”和“前进”按钮时加快页面的转换速度。这个缓存中不仅保存着页面数据,还保存了DOM和JavaScript的状态;实际上是将 ...
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
*{padding:0; margin:0;}
ul{ list-style:none;}
#div{ width:300px; height:100px; margin:100px auto; border:1px solid #ff0000; position:relative; overflow:hidden ...
简介
我可以肯定,您对于页面上水平或垂直排列的样式元素已经了解得够多了。但是, CSS 还缺少适用于此任务的合适机制。了解 CSS3 弹性方框模型(简称 Flexbox)
该草案将 Flexbox 描述如下:
[...]针对接口设计而优化的 CSS 框模型。除了 CSS 中已有的布局系统之外,该模型还提供了一个额外的布局系统。[CSS21] 在这个新的框模型中,框的子代采用水平或垂直布局,而且可将未使用的空间分配给特定的子代,或者通过“弹性”分配给应展开的子代,在各子代间进行分配。这些框的嵌套(水平嵌套在垂直中,或垂直嵌套在水平中)可用于在两个维度中构建布局。该模型是以 XUL 用户界面 ...
$(document).ready(function() {
$("form :input").blur(function() {
var $parent = $(this).parent();
$parent.find(".correct2").remove();
//进行下一步判断前把之前的结果清除
//姓名验证
if($(this).is("#clientName")) {
var name_reg = /[^\u4e00-\u9fa5]/;
if(name_reg. ...
个HTML邮件模板禁忌:
1. 结构尽量简单,最好使用table布局
可以保证在CSS样式失效、或者html被禁用的情况下最大程度的还原布局和样式。
2. 不要使用<head>标签
一般会被过滤掉。
3. 不要使用JavaScript和Flash
正常情况下这个是绝对被过滤的。。
4. 使用内联CSS样式,不要引入外部CSS文件,不要使用<style>标签
Ajax中我们经常用到get和post请求.那么什么时候用get请求,什么时候用post方式请求呢? 在做回答前我们首先要了解get和post的区别. 1、 get是把参数数据队列加到提交表单的ACTION属性所指的URL中,值和表单内各个字段一一对应,在URL中可以看到。post是通过HTTP post机制,将表单内各个字段与其内容放置在HTML HEADER内一起传送到ACTION属性所指的URL地址。用户看不到这个过程。 2、 对于get方式,服务器端用Request.QueryString获取变量的值,对于post方式,服务器端用Requ ...
很多时候,界面上需要一个固定位置的块,不论页面怎么滚动,始终停在它的位置,比如“返回顶部”、“给建议”、“分享按钮”、“广告”等等。css中有position: fixed;可以直接用,很方便,但是万恶的IE6却不支持,下面讲两种方法解决这个问题。如何解决“振动”的问题?
显然IE有一个多步的渲染进程。当你滚动或调整你的浏览器大小的时候,它将重置所有内容并重画页面,这个时候它就会重新处理css表达式。这会引起一个丑陋的“振动”bug,在此处固定位置的元素需要调整以跟上你的(页面的)滚动,于是就会“跳动”。
解决此问题的技巧就是使用background-attachmen ...
最近建了一个网站,discuz的,还在苦苦的优化中,希望有个行内人指点谜经,http://www.it-fans.com
下面分类了JS中必备的知识也是必须要了解学会的! 事件: onmousedown 鼠标按下 onmouseup 鼠标抬起 onmouseover 鼠标移入 onmouseout 鼠标移除 onmousemove 鼠标移动 onclick 点击事件 onfocus 获得焦点 onblur 失去焦点 oncontextmenu 鼠标右键 onsubmi ...
今天突然有人问我滚动条css自定义的方法,我发现用scrollbar-base-color这种方法只有ie支持,查了半天资料总结如下!!!
IE浏览器中自定义滚动条样式:
HTML {
scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: bl ...