jQuery改变html页面样式

 

1、用css()方法返回元素的样式属性

$("div").css("padding-left"));  

2、用css()设置样式

$("div").css("color","yellow");  

3、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"});  

var css = {
    background-color: ‘#EEE‘,
    height: ‘500px‘,
    margin: ‘10px‘,
    padding: ‘2px 5px‘
};
$("div").css(css);  

原文地址:https://www.cnblogs.com/luoning/p/11117595.html

时间: 2024-11-14 12:28:47

jQuery改变html页面样式的相关文章

jQuery Mobile动态刷新页面样式

当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式.如下图所示: 代码如下: [html] view plain copy <script> function myFunction() { var ul = document.getElementById("myul"); var li1 = &q

jQuery改变兄弟元素样式,及:not([class=&quot;allclassname&quot;])筛选小结

以前一直对于jquery感到很畏惧,最近做点击图表变色,将其他元素图片复位的小需求,总结了一下一点小心得. 主要两点是:1.将所有兄弟元素的样式设置为一样,对于子元素的遍历: 2.对于特殊不需要变化的兄弟元素的排除: 如下,对所有兄弟元素的样式设置为一样用过有两种方法: 1 <div class="paneltime"> 2 <ul > 3 <li><a>今天</a></li> 4 <li><a&

iframe 子页面改变父页面样式

iframe 子窗口调节父窗口样式: $(window.parent.document).find("body").attr("style"," 父元素改子元素样式(不跨域): document.getElementById('iframeID').contentWindow.document.body.style.backgroundColor="#f00"; 例如: var topWindow=$(window.parent.doc

jQ禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突

1. 禁止右键点击 代码如下: $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2. 隐藏搜索文本框文字 代码如下: $(document).ready(function() { $("input.text1").val("Enter your search text here"); textFill($

Jquery(一)—— 样式篇(转)

Jquery(一)--样式篇1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码, 因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用. 2.jQuery对象与DOM对象 DOM对象:var p = document.getElementById('imooc'); jQuery对象:var $p = $('#imooc');  $p是一个类数组对象 3.jQuery对象转化

从零开始学习jQuery (七) jQuery动画-让页面动起来!

原文:从零开始学习jQuery (七) jQuery动画-让页面动起来! 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零

Jquery(一)—— 样式篇

Jquery(一)--样式篇1.$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码, 因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用. 2.jQuery对象与DOM对象 DOM对象:var p = document.getElementById('imooc'); jQuery对象:var $p = $('#imooc');  $p是一个类数组对象 3.jQuery对象转化

JQuery Mobile的页面

1.JQuery Mobile的页面结构如下图: page:是在浏览器中显示的页面 header:创建页面上方的工具栏(常用于标题和搜索按钮) content:定义了页面的内容,比如文本, 图片,表单,按钮等 footer:用于创建页面底部工具条 2.页面的加载 JQM的默认链接请求方式是ajax,为了不重新渲染整个页面和减少传输数据量,只是部门加载页面,也就是指加载另外一个页面上面提到的page中的内容. 下面是两个html页面,启动的是第一个页面 这时浏览器显示的内如如下,第二个page被隐

jQuery的属性及样式

1jQuery的属性与样式之.attr()与.removeAttr() 每个元素都有一个或者多个特性,这些特性的用途就是给出相应元素或者其内容的附加信息.如:在img元素中,src就是元素的特性,用来标记图片的地址. 操作特性的DOM方法主要有3个,getAttribute方法.setAttribute方法和removeAttribute方法,就算如此在实际操作中还是会存在很多问题,这里先不说.而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题 jQue