jq的css样式,jq添加css样式
javascript/JQ变更CSS样式要怎么弄?我需要点击的时候改变,再次点击又变回原样
$(".more_button").toggle(
通海ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联建站的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!
function(){
$(".more_button").css("background","red");},
function(){
$(".more_button").css("background","blue");}
);
jquery怎么添加css样式
可以用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
jquery获取css中:hover的样式 , 只需要获取
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
titleDocument/title
link rel="stylesheet" href="jqhover.css"!--这里显示外链式样式--
!--style这里显示是内嵌式样式,两种方式都可以在下面的jq代码中获取到背景定位的值
a{ background-position: 0px 0px;}
a:hover{ background-position: 120px -20px;}
/style--
script src="jquery-1.8.0.min.js"/script!--这里引入jq库,你在使用的时候记住修改路径--
script
$(function(){
var bgPosition = $('a');
bgPosition.hover(function(){
alert($(this).css('background-position'))
},function(){
alert('ok')
});
})
/script
/head
body
a href="#"1111111111111/a
/body
/html
标题名称:jq的css样式,jq添加css样式
路径分享:http://ybzwz.com/article/dsgegdc.html