js怎么样实现网页两个元素的相对位置一定

JavaScript018

js怎么样实现网页两个元素的相对位置一定,第1张

不是很具体你的需求,你可以这样试试:

你可以先给这两个元素一个共同的父元素参照,如:包一个div,然后给这个div定位一下

div{position:relative}

然后再给这个两个元素分别定位

div .div1{position:absolute}

div .div2{position:absolute}

首先对于一些简单的html页面,里面的js文件加载的也少的情况下,我们可以可以使用火狐的firebug或者google的控制台都可以轻松的查看.

火狐浏览器的查看方法安装Firebug然后按F12选中你要看的dom元素在右侧的事件中可以详细的看到绑定了那些事件.

Google浏览器也可以用同样的方法查看对应dom元素绑定的事件.

F12-->Elements-->Event Listenners

但是对于一些复杂的Html页面,相当于加载的js文件和相应的插件也比较多,这个时候用浏览器自带的事件查看器就显得力不从心了!

所以遇到上面这种情况,我们想快速定位一个元素绑定那些事件的时候,就得借助google的Visual Event插件帮助我们快速定位了,所以我们首先我们的去google 扩展库去下载对应的插件并安装.

安装成功后浏览器的右上角会出现一个小眼睛.

接着说说一下如何使用Visual Event插件的小眼睛,等页面加载完之后,点击小眼睛然后大概过不了5秒钟,就可以看到页面上元素绑定事件了.

最后移动鼠标到你想查看的元素上面就可以看到对于的js文件已经和对应的事件名真的很方便使用.

【来源网络】

jQuery CSS 操作

jQuery 拥有三种用于 CSS 操作的重要函数:

$(selector).css(name,value)

$(selector).css({properties})

$(selector).css(name)

函数 css(name,value) 为所有匹配元素的给定 CSS 属性设置值:

实例

$(selector).css(name,value)

$("p").css("background-color","red")

函数 css({properties}) 同时为所有匹配元素的一系列 CSS 属性设置值:

实例

$(selector).css({properties})

$("p").css({"background-color":"red","font-size":"200%"})

函数 css(name) 返回指定的 CSS 属性的值:

实例

$(selector).css(name)

$(this).css("background-color")

jQuery中没有获得全部css的功能。你可以直接使用js的这个功能,混用js和jquery代码不会出现冲突的情况。