jquery 获取并设置css的方法

最新推荐文章于 2023-08-25 01:32:48 发布
最新推荐文章于 2023-08-25 01:32:48 发布
阅读量1k 收藏
点赞数
分类专栏： JS 泛微OA琐事 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ribmusic/article/details/103816566
版权

jquery里边获取css样式的方法，里边介绍了获取并设置css有单个和多个：例句如下：

<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
    $("div.detailButtonDiv").css({'float':'left','margin-top':'5px'});
    $("div.detailButtonDiv").css({'float':'left','margin-top':'5px','text-align':'left'});
   // alert($("div.e8_innerShow_button_right50").attr("style"));
    $("div.e8_innerShow_button_right50").parent(".e8_os").css("min-width","500px");
    $("#outfield11515div").parent(".e8_os").css("min-width","500px");
    jQuery("#field11389span span").find(".e8_delClass").remove();
    jQuery("#field11389span").children("span").find(".e8_delClass").css({'visibility':'hidden','float':'left'});
});


</script>

下面例子是通过遍历each查询html中的某个元素的值（val），通过与当前时间和查询到的时间按钮做比较，是否大于当前时间的案例

<script type="text/javascript">
$(document).ready(function () {
function dateDiff(firstDate,secondDate){//id=field11453_0span
var firstDate = new Date(firstDate);
var secondDate = new Date(secondDate);
var diff = Math.abs(firstDate.getTime() - secondDate.getTime())
var result = parseInt(diff / (1000 * 60 * 60 * 24));
return result
}
    checkCustomize = function () { //提交事件
        if(jQuery("#field13788span").find("a").text()=="物料类" &&  jQuery("#field11389span .e8_showNameClass").find("a").text() ==""){  //注释,或|| 与&&
            alert("'采购类别'未填写!")
            return false;
           }
        if(jQuery("#field13788span").find("a").text() =="资产类" && jQuery("#field11389span .e8_showNameClass").find("a").text() ==""){
            alert("'采购类别'未填写!")
            return false;
           }
        var date1= $("#field11046").val();//获取当前日期
        var date2= new Array();
        $.each($("span[id^='field11453_']"), function(){  
            date2.push($(this).text());
        })
        for (i=0;i<date2.length;i++){
           if(dateDiff(date1,date2[i])==0)
           {
                alert("需求日期不能等于当前日期,应向后顺延7天");
                return false;
           }
        }
        return true;
    }
});
</script>




<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery("#field6989").bindPropertyChange(function(){	 
		var ksrq=jQuery("#field6989").val();
		if(ksrq == ""){
			return;
		}
		var dqrq=new Date();
		var dqrq_year=dqrq.getFullYear();
		var dqrq_month=dqrq.getMonth()+1;
		var dqrq_date=dqrq.getDate();
		
		//if(dqrq_month.length==1)
		//{
		//	dqrq_month="00"+dqrq_month;
		//}
		
        var date_dqrq=new Date((dqrq_year+"-"+dqrq_month+"-"+dqrq_date).replace(/\-/g, "\/")).getTime();

		var date_ksrq=new Date(ksrq.replace(/\-/g, "\/")).getTime();
		if(date_ksrq<date_dqrq)
			{
				alert("出差开始日期不能小于当前日期,请重新输入"); 
				jQuery("#field6989").val("");
				jQuery("#field6989span").text("");
			}
	});
});

jQuery(document).ready(function(){
	jQuery("#field6990").bindPropertyChange(function(){	 
		var qyrq=jQuery("#field6989").val();
		//alert("取值时间"+qyrq);
		var sjghrq=jQuery("#field6990").val();
		//alert("实际归还日期："+sjghrq);
		if(qyrq=="" || sjghrq==""){
			return;
		}
		//alert(1);
		var date_qyrq=new Date(qyrq.replace(/\-/g, "\/")).getTime();
		var date_sjghrq=new Date(sjghrq.replace(/\-/g,"\/")).getTime();
		//alert("取值比较时间"+date_qyrq);
		//alert("实际归还比较日期："+date_sjghrq);
		if(date_qyrq>date_sjghrq)
			{
				alert("出差结束时间不能早于出差开始时间,请重新输入"); 
				jQuery("#field6990").val("");
				jQuery("#field6990span").text("");
			}
	});

});
</script>


jQuery(document).ready(function(){
     jQuery("#field7337").bindPropertyChange(function(){
          var qyrq = jQuery(#"field7336").val();
          var sjghrq = jQuery(#"field7337").val();
          if(qjksrq == "" || qjjsrq == ""){
               return;
          }
          var date_qjksrq = new Date(qjksrq.replace(/\-/g,"\/")).getTime();
          var date_qjjsrq = new Date(qjjsrq.replace(/\-/g,"\/")).getTime();
          if(qjksrq > qjjsrq){
               alert("请假结束日期不能早于请假开始日期，请重新输入:");
               jQuery("#field7337").val("");
               jQuery("#field7337span").text("");
          }
     });
//采购属性值的传递
 jQuery("#field13788").bindPropertyChange(function(){// 获取自定义浏览框的值
        var textValue = "<img align =absMiddle src='/images/bacoError_wev8.gif' />";
        var tval =  jQuery("#field13788span").find("a").text();
       console.log(tval);
       if(tval == "行政费用类"){
           jQuery("#field11389span").find("a").text("");
           tval =$('#field11387').val(1);
            $("tr #xing").show();
            $("tr #yan").hide();
            $("tr #zi").hide();
            $("div #cglb").hide();    
            $("div #sqjehj").show(); 
        }
       if(tval == "非行政费用类(生产及研发)"){
           jQuery("#field11389span").find("a").text("");
           tval  = $('#field11387').val(4);
            $("tr #xing").hide();
            $("tr #yan").show();
            $("tr #zi").hide();
            $("div #cglb").hide();      
            $("div #sqjehj").show();   
        }
       if(tval == "物料类"){
           jQuery("#field11389spanimg").html(textValue);
           jQuery("#field11389span").attr('viewtype','1');
          tval  = $('#field11387').val(0);
            $("tr #xing").hide();
            $("tr #yan").hide();
            $("tr #zi").hide();  
            $("div #cglb").show();
            $("div #sqjehj").hide();        
        }  
       if(tval == "资产类"){
           jQuery("#field11389spanimg").html(textValue);
           jQuery("#field11389span").attr('viewtype','1');
          tval  = $('#field11387').val(2);
            $("tr #xing").hide();
            $("tr #yan").hide();
            $("tr #zi").show();
            $("div #cglb").show();
            $("div #sqjehj").show(); 
        } 
    });
});




芜湖车辆
<!-- script代码，如果需要引用js文件，请使用与HTML中相同的方式。 -->
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery("#field8840").bindPropertyChange(function(){
		var ycrq=jQuery("#field8840").val();
		if(ycrq=="")
		{
			return;
		}
		var dqrq = new Date();
		var year=dqrq.getFullYear();
		var month=dqrq.getMonth()+1;
		var day=dqrq.getDate();
		var dqrq_date=new Date((year+"-"+month+"-"+day).replace(/\-/g, "\/")).getTime();
		var ycrq_date =  new Date(ycrq.replace(/\-/g, "\/")).getTime();
		if(ycrq_date!=dqrq_date)
		{
			alert("只能申请当天的用车");
			jQuery("#field8840").val("");
			jQuery("#field8840span").text("");
		}
	});
	jQuery("#field8841").bindPropertyChange(function(){
		var ycrq=jQuery("#field8840").val();
		var ycsj=jQuery("#field8841").val();
		var dqsj = new Date().getTime();
                if(ycsj=="") {
			return;
                }            
		if (ycrq=="")
		{
                        alert("请先选择用车日期");=
                        jQuery("#field8841").val("");
			jQuery("#field8841span").text("");
			return;
		}    
		
	});
});
</script>

 

坚守信仰的臣子
关注
专栏目录
jQuery - 获取并设置 CSS 类
weixin_57746257的博客
08-07 579
jQuery - 获取并设置 CSS 类 一、第一部分 我们开始是先设置HTML的结构部分，而我这里放的图片是Css的样式的部分，HTML的结构在下面的图中。这一次我主要写的是JQuery的获取和设置Css类，Css中获取类中，我们还有一个：“设置或返回样式属性”，而这一方法在我的上一篇有写到，如果有需要的，可以去看一下，都是同属于“获取并设置Css类”的内容。 下面我会把演示的效果图，展示在下面。 二、第二部分 方法的解释： addClass() - 向被选元素添加一...
jQuery 遍历css选择器
12-27
jQuery 遍历css选择器 学习
jQuery 遍历 - find() 方法 .CSS()方法
blogscsdn的博客
11-23 3137
II           A       B                   1           2           3                     C       $('li.item-ii').find('li').css('background-color', 'red');
jQuery中CSS样式 查找元素方法 鼠标事件
qq_40576178的博客
11-24 1511
一、简单CSS操作 1、设置css样式 1、css方式： $('div').css('color', 'red').css('backgorund-color', 'pink'); 2、css对象方式： $('div').css( { color: 'red' } ) 2、通过class类名方式 1、添加类 addClass('类名') 2、移除类 removeClass('类名') 3、切换类名 toggleClass('类名') 二、通过筛选方法查找jquery中元素 1、通过索引查找
jquery获取css值,jQuery怎样获取元素的所有CSS属性
weixin_33631305的博客
08-03 1621
function css(a) {var sheets = document.styleSheets, o = {};for (var i in sheets) {var rules = sheets[i].rules || sheets[i].cssRules;for (var r in rules) {if (a.is(rules[r].selectorText)) {o = $.extend...
JQuery的CSS操作21
qq_41880978的博客
09-28 315
1.逐个设置 $(‘div’).css(‘width’，’ 100px ‘); $(‘div’).css(‘height’，’ 100px ‘); $(‘div’).css(‘background’，’ red’); 2.链式设置( 超过3个不建议使用) $(‘div’).css(‘width’，’ 100px ‘).css(‘height’，’ 100px ‘).css(‘background...
jQuery – 获取并设置 CSS 类
12-13
除了操作 CSS 类之外，jQuery 还提供 `css()` 方法来直接设置或获取元素的样式属性。例如，我们可以改变一个 `div` 元素的背景色： ```javascript $("button").click(function() { $("div").css("background-color...
jQuery实现获取及设置CSS样式操作详解
12-10
本文实例讲述了jQuery实现获取及设置CSS样式操作。分享给大家供大家参考，具体如下： addClass():向被选元素添加一个或多个类 removeClass():从被选元素删除一个或多个类 toggleClass():对被选元素进行添加/删除...
Jquery使用css方法改变样式实例
12-10
在jQuery中，`css()`方法用于获取或设置一个或多个CSS属性值。它有两种形式： 1. **设置样式**：当你向`css()`方法传入两个参数时，第一个参数是CSS属性名，第二个参数是属性值。例如： ```javascript $("#...
jQuery的css方法
qq_44604924的博客
08-29 99
css()方法用于读取或设置元素样式：里面可以是对象。 代码示例如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery的css方法</title> <script type="text/javascript" src="../js/jquery-3.1.1/jquery-3.1.1.min.js" ></script&g
jquery css 时间,jQuery+css实现的时钟效果(兼容各浏览器)
weixin_31136061的博客
08-04 248
本文实例讲述了jQuery+css实现的时钟效果。分享给大家供大家参考，具体如下：运行效果截图如下：这里没有做太多的修饰，简单的实现了一下功能，另外，用的是js的setTimeout方法，当时间长了之后，会有一定的延时，建议，在每隔多少分钟执行一次时钟校准！哈哈，都有误差的嘛，反正我是没给你校。具体代码如下：/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1...
深入了解jQuery的children方法
最新发布
很酷的站长的博客
08-25 3086
children()方法有多种用途，并且可以通过链式调用轻松地完成多项任务。除了以上提到的方法之外，我们还可以在children()的参数中添加过滤器、使用children()来定位特定的子元素以及使用each()方法来迭代子元素等。了解和掌握children方法对于前端开发来说是非常重要的。希望本文能够为你提供有关jQuery的children()方法的详细信息。
MySql Sqlserver 日期时间 函数、转换、格式化
chengmin123456789的博客
01-15 611
将Long类型时间转化成日期 FROM_UNIXTIME(qyrq) 将日期转化成Long类型时间UNIX_TIMESTAMP(NOW()) ，UNIX_TIMESTAMP() 格式化： DATE_FORMAT(NOW(),'%Y-%m-%d')
c语言输出结果生成txt文件,把输出结果到文件中，利用c语言中的文件创建读写txt...
weixin_29378153的博客
05-19 2710
main(){EXEC SQL BEGIN DECLARE SECTION;char dbname[21];char qyrq[31];char comm[201];int i=0;EXEC SQL END DECLARE SECTION;sprintf(dbname,"%s",getenv("DBNAME")) ;EXEC SQL DATABASE :dbname ;if( sqlca.sqlc...
jQuery添加css样式/动画效果
weixin_49627122的博客
08-27 3904
默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。为什么不能用this，因为this指向的不是DOM，指向的是当前函数的调用者.参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。因此，默认地，stop() 会清除在被选元素上指定的当前动画。参数二：item---当前正在遍历的项。stop() 方法用于停止动画或效果，在它们完成之前。参数规定是否立即完成当前动画。默认是 false。参数一：index---遍历的索引。参数是隐藏或显示完成后所执行的函数名称。..
使用jquery获取css的值及设置css值(只能获得css样式中的值)
HZ514
07-21 2万+
使用jquery获取css的值一般使用css()方法，当css()只有一个参数时，表示当前对象要取这个css的值，如果是键值对形式的参数表示要给这个属性赋值，即使用jquery设置css 例一 var cssValue = $('#test').css('background-color'); //获取css的值 这样写表示，取当前id为test的对象的background-color...
jquery 样式获取设置值_jq如何获取css属性的值？
weixin_39951181的博客
12-23 5441
jQuery如何获取css属性的值？下面本篇文章就来给大家介绍一下使用jQuery获取css属性值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。在jQuery中可以使用css()和attr()方法来获取css样式属性的值。css() 方法设置或返回被选元素的一个或多个样式属性；attr() 方法设置或返回被选元素的属性和值。jQuery css()方法css() 方法设置...
使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接
热门推荐
杨明金的博客
10-29 22万+
查看本章节 查看作业目录 需求说明： 使用 JavaScript 的 HTML 页面混合、JavaScript 文件引用和 HTML 代码嵌入 3 种方式在 HTML 页面上打印出“点击我进入到百度首页”的超链接 前 2 种方式点击超链接后进入到百度首页，最后一种方式点击超链接后打印出字符串：“跳转成功” 实现思路： 创建站点，新建HTML页面，在 HTML 页面的 <body>标签中编写 JavaScript 脚本，在脚本中输出超链接 在站点内创建一个 js 文件夹，在 js
Vue，简洁方式开发web，仅添加vue.js文件，不使用全家桶
LuiChun
11-18 613
html里面引入文件 <body> <div id="app"></div> <script src="./lib/vue.js"></script> <script src="./src/main.js" type="module"></script> </body> main.js文件里面引入App.js里面的代码↑↑↑ import App from "./App.js"; n.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值