`

jquery控制css样式的写法

    博客分类:
  • jsp
阅读更多

jquery改变原来的元素css样式,无非就是通过jquery的选择器来改变。如:

$(".qx_part_content .left  a").click(
		function(){
			$(this).toggleClass("checked");
			if($(this).attr("class")=="checked")
			{
				$(".icon_check  a").removeClass("current");
				$(".icon_check  a").addClass("current");
			}else
			{
				$(".icon_check  a").removeClass("current");
			}
		});
	$(".icon_check  a").click(
		function(){$(this).toggleClass("current");getTotalPrice();});
    });

 这个就是根据class标签来获取元素 class=“icon_check" 下的 <a>元素
还有:

  
    function deleteCarProduct()         
    {      
    	$("#delPro").attr("href","#");
    	if($(".icon_check a.current").length==0)
    	{
    		$("#noGoods span").text("购物车未选择商品");
			$("#noGoods i").text("请至少选择一件商品,再删除");
			$("#noGoods").show();
    	}
    	$(".icon_check").each(function(i){
    		if($(this).children("a").attr("class")=="current")
    		{
    			if($(this).parent().siblings().length==0)
    			{
    				$(".nocart_result").show();
    			}
    			$(this).parent().remove();
    		
    			del_product($(this).children("input[name=store_id]").val(),$(this).children("input[name=sku_id]").val(),$(this).parent().find("input[name=num]").val());
    			//getTotalNum();
    			getTotalPrice();
    		}
    	});
    	$("#delPro").attr("href","javascript:deleteCarProduct();");
    }

 这个是根据id来查找此id下的 html标签标签

 

反正大家多看看jquery的选择器 

“.”代表着class属性获取   #代表根据Id来获取

$("div")           选择所有的div标签元素,返回div元素数组 

$("*")             选择文档中的所有的元素,可以运用多种的选择方式进行联合选择

 

关于jquery选择器,多看看:http://www.cnblogs.com/onlys/articles/jQuery.html

分享到:
评论

相关推荐

    加了important标记css样式的jQuery写法

    主要介绍了加了important标记css样式的jQuery写法,需要的朋友可以参考下

    JQuery权威指南源代码

    jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤...

    css样式表中中文名字体乱码使用Unicode可解决

    有时候,我们的css样式表中字体乱码,很诧异。百度谷歌是两个老师,有时jquery博客还上淘宝,那边有现成的代码,看看,发现里面定义全局字体是这样的font:12px/1.5 tahoma,arial,\5b8b\4f53 奇怪了,前面的12px字体...

    超实用的jQuery代码段

    第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3 使用toggleClass()函数切换页面元素的样式类 4.4 为body增加class类支持 4.5 操作div的显示与...

    jQuery权威指南-源代码

    1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 jQuery 选择器/12 2.1 jQuery选择器概述/13 2.1.1 什么是选择器/13 2.1.2 选择器的优势/13 2.2 jQuery选择器详解/17 2.2.1 基本选择器/18 2.2.2 层次...

    jquery插件使用方法大全

    ·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...

    锋利的jQuery_高清_书签.part2

    第二部分 第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 1.1.2 JavaScript库作用及对比 1.2 加入jQuery 1.2.1 jQuery简介 ...第7章 插件的使用和写法 第8章 用jQuery打造个性网站

    纯css3制作出来的狐狸尾巴燃烧效果

    效果描述: 最初的效果还是Mozilla在合作伙伴官方网页上发布的这个绚丽的狐狸尾巴动画效果 看起来就像尾巴在燃烧一样,看... 1、将head中的CSS样式引入到你的网页中 2、在你需要显示的地方建一个id为lanren的di

    跟着Jquery API学Jquery之一 选择器

    基本 我们知道jquery最常用的就是选择器了,我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器,这里我们想一下css样式的写法 css样式也有几种情况:1.类样式 2.id样式 3....

    jQuery权威指南366页完整版pdf和源码打包

    jquery开发入门/1 1.1 jquery概述/2 1.1.1 认识jquery /2 1.1.2 jquery基本功能/2 1.1.3 搭建jquery开发环境/3 1.1.4 编写第一个简单...dom对象/7 1.2.3 jquery控制页面css /9 1.3 本章小结/11 第2章...

    jQuery实现的上拉刷新功能组件示例

    3、css样式 jQuery的插件写法: $.fn.pluginName = function() { return this.each(function () { fn(); }) }; 上拉刷新步骤分解: 上拉刷新可以分解成三个部分:一是开始(start),记录当前鼠标的位置;二是...

    jquery.backgroundSize.js

    引入后可以用过调用兼容IE8样式的方法

    webpack5-MPA:基于webpack5的多页应用脚手架,可用于高效模板化输出静态网站等

    该项目暂未集成任何第三方库,比如React,vue等等, 已集成的lodash、jquery、swiper仅用于测试,实际项目中可根据需要增删; 已引入的dot模板引擎用于渲染页面引入的动态数据等,静态数据可通过ejs模板直接解析; 公共...

    手机移动端web分类页面

    该移动端web分类页面是使用HTML5+CSS3+JQuery写的,样式采用LESS写法,适应各类分辨率的手机屏幕,适合前端小白对移动端web端开发的实践项目,欢迎下载学习!

    通用无限极下拉菜单的实现代码

    下拉菜单在我开发中经常遇到,但是没个项目都需要从...依次类推,这样的写法有个问题就是不利于程序员执行循环输出,而本菜单只需引入一个CSS样式即可,无需对多级菜单定义。 二、美观自动调用下拉指示 以前我们手工会

    bootstrap 简洁灵活的流行前端框架及交互组件集 web界面

    当传统的枯燥CSS写法止步不前时,LESS横空出世了。LESS中使用变量,嵌套,操作,混合编码,花费很小成本却让书写CSS更快更灵活。 HTML5 支持HTML5标签和语法 CSS3 逐步改进组件达到最终效果 开源 全部...

    jQuery插件分享之分页插件jqPagination

    jqPagination 是一个简单易用的轻量级 jQuery分页插件,其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件。此外,它的外观样式是可自定义的,扩展性很强。

    JS学习笔记相关代码-测试代码

    Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。 如果需要该插件功能,需要引入font-awesome.css OR font-awesome.min.css &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head...

    使用 React、ES6、Webpack (2.x) 和 Antd (1.0.1) 开发的 Demo SPA 【移至 react-seed】

    样式:Less 图标:Antd自带/FontAwesome 动画:Animate.css 与后台通信:Fetch/Ajax 日期处理:Moment 假数据模拟:MockJS 打包构建:Babel Webpack 包管理:Npm & Yarn Features 自主配置开发环境 支持ES6 ...

Global site tag (gtag.js) - Google Analytics