是的,jQuery使用 CSS 选择器来选取元素。
成都创新互联是一家集网站建设,蔡家坡企业网站建设,蔡家坡品牌网站建设,网站定制,蔡家坡网站建设报价,网络营销,网络优化,蔡家坡网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
jQuery 使用 CSS 选择器来选取 HTML 元素。例如:
$("p") 选取 p 元素。
$("p.intro") 选取所有 class="intro" 的 p 元素。
$("p#demo") 选取所有 id="demo" 的 p 元素。
jQuery css()选择器是jquery中的一个功能。
不存是jquery样式这么一说,其实就是通过js来动态设置css,而通常我们说的css样式则是静态的。如果真要说什么区别,那就是css样式是页面一开始就有的,而jquery动态设置的样式则可以在页面运行的时候随时改变。
jquery改变CSS背景图修改方法
如果需要使用Jquery修改CSS网页背景样式。用户可以这样写$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});
Jquery-CSS用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。返回第一个匹配元素的 CSS 属性值。注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。
参考资料:JQuery
可以用jquery中的css()方法;
css()有两个参数。第一个参数是必选参数,一般是指css样式中的属性。第二个参数是可选参数,一般是指css样式中属性的值。当只有第一个参数是,则是指获取该属性的值。如果也有第二个参数,那就是表示改变属性的值。
示例如下:
!doctype html
html
head
meta charset='utf-8' /
title/title
script type="text/javascript" language="javascript" src='jquery.js'/script
script language='javascript'
$(function(){
$('#btn1').click(function(){
//css()为一个参数
var divWid=$('#div-box').css('width');
alert(divWid);
});
$('#btn2').click(function(){
//css()为两个参数
var divWid=$('#div-box').css('background','#00f');
});
})
/script
style type="text/css"
#div-box {width:200px;height:100px;background:#f00;}
/style
/head
body
div id="div-box"/div
input type='button' id='btn1' value='提取' /
input type='button' id='btn2' value='改变' /
/body
/html
设计的目的不同,不可相互替代。
css设计是为了给网页修改样式,比如修改颜色诸如此类。jquery是为了执行动作,比如淡入淡出,隐藏显示,获得元素之类的。
CSS选择器和jQuery选择器的区别与联系之一 - 牧云流 - 博客园
css(name|pro|[,val|fn])
概述
访问匹配元素的样式属性。
jQuery 1.8中,当你使用CSS属性在css()或animate()中,我们将根据浏览器自动加上前缀(在适当的时候),比如("user-select", "none"); 在Chrome/Safari浏览器中我们将设置为"-webkit-user-select", Firefox会使用"-moz-user-select", IE10将使用"-ms-user-select".
参数
nameStringV1.0
要访问的属性名称
nameArrayV1.9
一个或多个CSS属性组成的一个数组
propertiesMapV1.0
要设置为样式属性的名/值对
name,valueString, NumberV1.4
属性名,属性值
name,function(index, value)String,FunctionV1.0
1:属性名
2:此函数返回要设置的属性值。接受两个参数,index为元素在对象集合中的索引位置,value是原先的属性值。
参考文献: