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写法,需要的朋友可以参考下
jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用jQuery层次选择器 使用jQuery基本过滤...
有时候,我们的css样式表中字体乱码,很诧异。百度谷歌是两个老师,有时jquery博客还上淘宝,那边有现成的代码,看看,发现里面定义全局字体是这样的font:12px/1.5 tahoma,arial,\5b8b\4f53 奇怪了,前面的12px字体...
第4章 jQuery操作CSS样式 4.1 使用addClass()函数动态添加样式类 4.2 使用removeClass()函数动态移除样式类 4.3 使用toggleClass()函数切换页面元素的样式类 4.4 为body增加class类支持 4.5 操作div的显示与...
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 层次...
·attribute(改进了.attr()的性能)、jQuery()核心函数、CSS(.css()性能有两倍提升)、特效和事件、DOM操作等也有显著改进 1.5 美国时间1月31日John Resig在jQuery官方博客发表文章,宣布jQuery 1.5正式版已经...
第二部分 第1章 认识jQuery 1.1 JavaScript和JavaScript库 1.1.1 JavaScript简介 1.1.2 JavaScript库作用及对比 1.2 加入jQuery 1.2.1 jQuery简介 ...第7章 插件的使用和写法 第8章 用jQuery打造个性网站
效果描述: 最初的效果还是Mozilla在合作伙伴官方网页上发布的这个绚丽的狐狸尾巴动画效果 看起来就像尾巴在燃烧一样,看... 1、将head中的CSS样式引入到你的网页中 2、在你需要显示的地方建一个id为lanren的di
基本 我们知道jquery最常用的就是选择器了,我们看一下jqueryAPI中的 选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器,这里我们想一下css样式的写法 css样式也有几种情况:1.类样式 2.id样式 3....
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章...
3、css样式 jQuery的插件写法: $.fn.pluginName = function() { return this.each(function () { fn(); }) }; 上拉刷新步骤分解: 上拉刷新可以分解成三个部分:一是开始(start),记录当前鼠标的位置;二是...
引入后可以用过调用兼容IE8样式的方法
该项目暂未集成任何第三方库,比如React,vue等等, 已集成的lodash、jquery、swiper仅用于测试,实际项目中可根据需要增删; 已引入的dot模板引擎用于渲染页面引入的动态数据等,静态数据可通过ejs模板直接解析; 公共...
该移动端web分类页面是使用HTML5+CSS3+JQuery写的,样式采用LESS写法,适应各类分辨率的手机屏幕,适合前端小白对移动端web端开发的实践项目,欢迎下载学习!
下拉菜单在我开发中经常遇到,但是没个项目都需要从...依次类推,这样的写法有个问题就是不利于程序员执行循环输出,而本菜单只需引入一个CSS样式即可,无需对多级菜单定义。 二、美观自动调用下拉指示 以前我们手工会
当传统的枯燥CSS写法止步不前时,LESS横空出世了。LESS中使用变量,嵌套,操作,混合编码,花费很小成本却让书写CSS更快更灵活。 HTML5 支持HTML5标签和语法 CSS3 逐步改进组件达到最终效果 开源 全部...
jqPagination 是一个简单易用的轻量级 jQuery分页插件,其使用了 HTML5 和 CSS3 技术来实现。此插件提供了几个参数设置选项,通过简单的配置即可生成分页控件。此外,它的外观样式是可自定义的,扩展性很强。
Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式。 如果需要该插件功能,需要引入font-awesome.css OR font-awesome.min.css <!DOCTYPE html> <html> <head...
样式:Less 图标:Antd自带/FontAwesome 动画:Animate.css 与后台通信:Fetch/Ajax 日期处理:Moment 假数据模拟:MockJS 打包构建:Babel Webpack 包管理:Npm & Yarn Features 自主配置开发环境 支持ES6 ...