`

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

分享到:
评论

相关推荐

    HTML+JQuery+Css+HTML5+PHP5.6 CHM格式帮组文档

    CSS(层叠样式表)负责网页的样式和布局,通过选择器和属性来定义颜色、字体、布局等。CSS3是CSS的最新版本,增加了许多新特性,如:伪类和伪元素、多列布局、边框和背景图像的新效果、转换(transform)、动画...

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

    important`的CSS样式时,我们需要采取一些额外的步骤。jQuery的`.css()`方法通常用于设置或获取元素的样式属性。如果要修改一个已经被`!important`标记的样式,我们不能简单地像这样调用: ```javascript $("#...

    JS, CSS样式引用写法

    在网页开发中,JavaScript (JS) 和 Cascading Style Sheets (CSS) 是两个至关重要的技术,分别用于处理页面的交互逻辑和视觉样式。本篇将详细探讨这两种语言在HTML中的引用方式。 **CSS 引用方式** 1. **外部样式...

    jquery点击弹窗2种写法

    在jQuery中实现点击弹窗效果,通常有两种常见的方式:一种是使用模态对话框(Modal Dialog),另一种是自定义HTML元素动态创建。...同时,还可以通过调整CSS样式来实现不同的视觉效果,增加用户体验。

    Jquery使用css方法改变样式实例

    本文通过具体的实例讲解了jQuery中`css()`方法的使用,涉及到了CSS样式的获取和设置,链式操作的技巧,以及事件处理的方法。这些知识点对于掌握jQuery进行Web前端开发是非常关键的。通过阅读和理解本文的内容,...

    五子棋纯html+jquery+js写法

    CSS用于控制网页的样式和布局。在这个项目中,CSS被用来美化棋盘的外观,比如设置棋盘的边框、单元格的背景色、棋子的大小和位置等。CSS也可能包含了一些响应式设计,使得游戏在不同设备和屏幕尺寸上都能良好显示。 ...

    JQuery权威指南源代码

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

    jQuery点赞图标数字叠加代码.zip

    这个图标可以通过`&lt;button&gt;`或`&lt;i&gt;`标签来实现,并添加相应的CSS类来设置样式。例如: ```html &lt;button id="like-btn"&gt;&lt;i class="fas fa-thumbs-up"&gt;&lt;/i&gt; 0 ``` 这里的`id="like-btn"`用于在jQuery中选择这个元素...

    JQuery应用六:窗口效果(JQuery插件的写法)

    **jQuery应用六:窗口效果(jQuery插件的写法)** 在Web开发中,jQuery库以其简洁、强大的API,使得JavaScript编程变得更加简单。本篇将深入讲解如何利用jQuery实现窗口效果,并探讨jQuery插件的编写方法。我们将...

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

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

    ReactJs设置css样式的方法

    ReactJs设置css样式的方法涉及多种技术点,包括ReactJs的基础知识、组件样式定义、内联样式、CSS样式表的使用以及如何在React项目中整合外部库如jQuery。下面将详细解读这些知识点。 首先,ReactJs是Facebook开发的...

    屏幕滚动到相应位置,执行css动画

    接着,媒体查询(Media Queries)是响应式网页设计的重要工具,它允许我们根据设备的特性,如视口宽度、设备像素比等,来应用不同的CSS样式。通过媒体查询,我们可以判断用户是否已经滚动到特定的位置,例如,当页面...

    js模仿jquery的写法示例代码

    为了理解和学习jQuery的工作原理,或者在不引入整个库的情况下实现类似功能,我们可以尝试模仿jQuery的写法。以下是一个简单的示例,展示了如何使用原生JavaScript模拟jQuery的事件处理和样式访问。 首先,我们创建...

    js实现无限级菜单(jQuery)

    这些图片可以通过CSS样式应用到菜单元素上,以指示菜单项是否有子菜单或是否被展开。 总结来说,通过JavaScript和jQuery,我们可以轻松地创建一个交互式的无限级菜单。HTML提供基础结构,jQuery处理交互逻辑,而CSS...

    jquery菜单手风琴_3种模式可以多组操作

    总结起来,创建一个jQuery菜单手风琴涉及到HTML布局、CSS样式设计以及jQuery的事件监听和DOM操作。通过理解这三部分的结合,你可以根据需求调整和扩展手风琴菜单,使其适应各种应用场景。在实际项目中,你可能会遇到...

    jQuery采用连缀写法实现的折叠菜单效果

    整个实现过程,从引入jQuery库,到编写JavaScript代码以及定义CSS样式,完整地展示了如何通过jQuery快速创建一个交互式的折叠菜单。其中特别强调了连缀写法在简化代码和提高代码可读性方面的优势。开发者无需编写...

    超实用的jQuery代码段

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

Global site tag (gtag.js) - Google Analytics