一、选择元素 1.理解DOM 理解父元素、子元素、同级元素。。。。可以利用火狐浏览器firebug辅助查看。 2.使用$()函数 有3种基本的选择符:标签名、ID、类。 实例:标签名:css中p{}写法 Jquery可以用$("p") 取得文档中所有的段落。 Id : css中 #s...
分类:
Web程序 时间:
2015-01-27 20:01:29
阅读次数:
302
做项目的时候遇到了这个问题。给父元素下的子元素设置margin-top属性,但是没有达到预期的效果,反而把布局搞乱了。如图:给子元素设置margin-top属性之后,父元素和子元素之间的距离没有变化,反而是父元素和页面中的其他元素之间产生了margin。(黄色区块实际高度是1px,这里是为了能看清楚...
分类:
其他好文 时间:
2015-01-26 16:29:49
阅读次数:
109
.result-list li:nth-child(1) .ui-label { background:#ff4527;}解释:.result-list下的第一个子元素li,下面的ui-label元素的背景色 {{item....
分类:
其他好文 时间:
2015-01-26 14:51:37
阅读次数:
123
1.chirldren()HTML: jQuery代码:var bodylength=$('body').chirldren().length; //获取下面的子元素个数,结果为2var plength=$('p').chirldren().length...
分类:
Web程序 时间:
2015-01-26 10:13:32
阅读次数:
223
全屏功能是浏览器很早就支持的一项功能了,可以让你页面中的video, image ,div 等等子元素实现全屏浏览,从而带来更好的视觉体验,来看看怎么使用吧。先来看看有哪些API和事件支持。API// 元素请求全屏显示 element.requestFullscreen()// 检测文档的当前状态....
分类:
Web程序 时间:
2015-01-24 22:35:56
阅读次数:
173
marshal(Java对象转化成XML)
import javax.xml.bind.annotation.XmlRootElement;
//指定根元素,其他属性默认为根元素的子元素
@XmlRootElement(name="article")
public class Article{
private String title;
private Stri...
分类:
编程语言 时间:
2015-01-23 09:33:28
阅读次数:
195
此处讨论的是,在一个父容器中只有一个DIV,这个DIV相对于父元素垂直居中的问题:以下列举三种方式:这里为了层次清晰,都是采用的sass写法。一:适用于子元素有具体的宽高.wrap{//父元素可以不定义任何属性.content{position:absolute;height:100px;top:5...
分类:
其他好文 时间:
2015-01-22 21:44:52
阅读次数:
182
margin transfer 上面的代码表示一个灰色背景的outer嵌套了一个红色背景的inner,按照正常的思维,inner的顶部和outer的顶部有30px的距离,但实际上并未如此,inner的顶部和outer的顶部重合,而ou...
分类:
其他好文 时间:
2015-01-22 21:28:28
阅读次数:
187
简单的鼠标移动事件:进入mouseenter:不冒泡mouseover: 冒泡不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件移出mouseleave: 不冒泡mouseout:冒泡不论鼠标指针离开被选元素还是任...
分类:
其他好文 时间:
2015-01-22 17:06:54
阅读次数:
176
先说一下JS的获取方法,其要比JQUERY的方法麻烦很多,后面以JQUERY的方法作对比。JS的方法会比JQUERY麻烦很多,主要则是因为FF浏览器,FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用:var a = docuemnt.getElementBy...
分类:
Web程序 时间:
2015-01-22 10:42:58
阅读次数:
174