`
xllily
  • 浏览: 121597 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js和jquery控制标签class,css

阅读更多

改变class

js改变class

 

使用thumb.className = 'imgtransparent';


jquery改变class使用

$('#thisinntitle').removeClass();
$('#thisinntitle').addClass('xchangemenuItem');

 

显示隐藏

隐藏使用style.display:none 

 

显示style.display:block    

  

默认隐藏class="display:none"           visibility:hidden;  

 

jquery

 

隐藏使用$('.detailPicslide').hide();

显示使用$('.detailPicslide').show();


或者$('#otherinninfo').attr('style', 'display:');
$('#thisinninfo').attr('style', 'display:none');

分享到:
评论

相关推荐

    JS+JQuery+CSS基础笔记

    【JavaScript基础】 ...这些笔记将帮助初学者理解JavaScript、jQuery和CSS的基础知识,通过学习和实践,可以快速掌握Web前端开发的基本技能。在实际项目中,可以结合这三者,创建交互性强、视觉效果丰富的网页。

    CSS JS JQUERY文档

    DHTML手册.chm可能包含有关DHTML(Dynamic HTML)的详细信息,DHTML是HTML、CSS和JavaScript的组合,用于创建动态、交互式的网页内容。 JavaScript .chm文件很可能是JavaScript的基础教程,涵盖了语言的基本语法、...

    使用html+css+js+jquery实现小米官网.rar

    可能使用到了CSS选择器,如类选择器 `.class`、ID选择器 `#id`,以及属性选择器 `[attribute=value]`,来定位和定制特定元素的样式。同时,CSS3的新特性,如Flexbox和Grid布局,也可能被用于创建更加灵活和响应式的...

    jquery.Ztree.js + css

    - **引入依赖**:在HTML文件中引入jQuery库和ZTree的js及css文件。例如: ```html <link rel="stylesheet" href="css/jquery.ztree.css"> <script src="js/jquery.ztree.js"> ``` - **初始化配置**:创建一个...

    基于HTML电商购物项目的设计与实现——html+css+javascript+jquery+bootstarp响应式图书商城

    4. **Bootstrap**: 一个流行的前端框架,提供了一系列的CSS和JS组件,可以帮助快速搭建美观且功能丰富的响应式网页。 #### 四、页面设计与功能 - **首页**: 展示了网站的主要信息和服务,通常包含导航栏、轮播图...

    Jquery+div+css鼠标经过下拉菜单

    总之,“Jquery+div+css鼠标经过下拉菜单”是一个利用jQuery的事件处理和CSS的样式控制,实现用户交互效果的实例。通过理解这些技术,开发者可以创建更丰富、更具吸引力的网页界面,提升用户体验。

    Web前端开发简明教程-源代码(HTML+CSS+JavaScript+jQuery)

    CSS用于控制网页的外观和布局。"第二章.rar"可能涵盖了选择器、盒模型、布局模式(如流体布局、网格布局)以及响应式设计等内容。通过CSS,开发者可以实现颜色、字体、间距、位置和动画等视觉效果,使网页更具吸引力...

    jquery-1.9.1.js 、jquery-1.9.1.min.js 【官方jquery包 js】

    选择器是jQuery的精髓,它极大地简化了CSS选择器的使用,如`$("#id")`用于选取ID为`id`的元素,`$(".class")`用于选取所有class为`class`的元素。DOM操作则允许我们方便地添加、删除和修改元素,如`$(element).html...

    Jquery详解 dhtml js css手册

    这些资源的综合学习,将有助于深入理解前端开发中的核心技术和工具,无论是jQuery的高效DOM操作,DHTML的动态页面交互,还是CSS3的视觉呈现,以及JavaScript的现代语法,都是构建响应式、交互性强的Web应用不可或缺...

    写个一个简单的web项目,把前端技术:html、css、JavaScript、jQuery,ajax,bootstrop等都放在这个web项目上了。

    HTML和CSS提供了基本的页面结构和样式,JavaScript和jQuery实现了动态交互,Ajax优化了数据交换,而Bootstrap则为页面设计提供了强大而灵活的工具。对于初学者来说,这是一个很好的学习实践项目,对于开发者来说,也...

    js和Jquery参考手册.zip

    JavaScript 和 jQuery 是两种广泛应用于网页开发的脚本语言,它们为网页动态化、用户交互以及数据处理提供了强大的功能。这份“js和Jquery参考手册.zip”压缩包包含了这两个技术的离线参考手册,方便开发者在没有...

    JQuery+JavaScript+CSS API

    1. **选择器**: jQuery 提供了一系列的选择器,如 `$("#id")` 用于选取ID为指定值的元素,`$(".class")` 用于选取具有特定类的元素,`$("tag")` 用于选取特定类型的标签。这些选择器大大简化了DOM元素的选取过程。 ...

    jQuery+CSS3环形旋转切换特效JS代码

    该特效的核心在于使用jQuery来控制图片的显示和隐藏,同时结合CSS3的旋转(rotate)和过渡(transitions)属性实现平滑的动画效果。下面我们将详细讲解这一过程。 1. **HTML结构:** 在`index.html`文件中,通常会有一...

    jquery实战标签页效果

    总之,jQuery提供了一种简洁的方式来实现动态标签页效果,通过结合HTML、CSS和JavaScript,我们可以轻松地创建出具有专业水准的网页界面。这个实例不仅适合初学者,也对有经验的开发者有所启发,帮助他们快速实现...

    jquery-1.11.1.js 、jquery-1.11.1.min.js 【官方jquery包 js】

    这个压缩包包含了两个版本的jQuery——`jquery-1.11.1.js`和`jquery-1.11.1.min.js`,它们都是官方发布的jQuery 1.11.1版本。这两个文件的主要区别在于,前者是未经压缩的源代码版本,方便开发者阅读和调试;后者则...

    模仿天猫的返回顶部HTML JS CSS JQuery

    JQuery简化了DOM操作,使得我们可以更方便地监听滚动事件和控制按钮的显示与隐藏。以下是一个简单的示例: ```javascript $(window).scroll(function() { if ($(this).scrollTop() > 100) { // 当页面滚动超过100...

    jQuery基础DOM和CSS操作源码

    这个"jQuery基础DOM和CSS操作源码"的压缩包显然是一份面向初学者的学习资源,包含了理论讲解和实践代码示例,帮助初学者理解并掌握jQuery在DOM操作和CSS选择器方面的应用。 DOM(Document Object Model)是HTML和...

    jQuery官网CSS样式复刻

    在这个项目中,`index.html`文件包含所有的HTML元素,如`<header>`、`<nav>`、`<section>`、`<article>`等,这些元素通过CSS和JavaScript来呈现样式和交互。 最后,`css`、`img`和`font`目录分别存储了样式文件、...

    jquery写的tab标签

    总的来说,通过jQuery实现Tab标签是一项基础但实用的任务,它结合了HTML、CSS和JavaScript的知识,展示了前端开发中的常见工作流程。通过这个过程,开发者不仅能学会如何用jQuery实现交互功能,还能更好地理解和运用...

    jquery-3.2.0.js,jquery-3.2.0.min.js

    - **选择器(Selectors)**:jQuery 提供了类似 CSS 的选择器,如 `$("#id")` 用于选取 ID 为 id 的元素,`$(".class")` 用于选取所有 class 为 class 的元素。 - **属性操作(Attributes)**:通过 `.attr()` 方法...

Global site tag (gtag.js) - Google Analytics