`

Jquery 动态计算ID和 Class

阅读更多

原来JQuery的Id和Class 还可以动态计算:方便多了

$(document).ready(function() {
	  $(":button").click(function() {
		var id=0;
		$("div").each(function(index,item){
			if($(this).attr("style").indexOf("block") > 0 )
			{
				$(this).attr("style","display: none");
				id=parseInt($(this).attr("id"));
			}
			else if(id!=0)
			{
				$("#"+(id+1)).attr("style","display: block");
				id=0;
			}
		});
	  });
  });   

 

分享到:
评论

相关推荐

    老生常谈jquery id选择器和class选择器的区别

    其中,id选择器和class选择器是最常用也是最基础的两种选择器。本文主要分析了这两种选择器在使用上的区别,这对于初学者和希望深入理解前端技术的开发者来说,是非常重要的基础知识。 首先,id选择器是用来选取...

    jquery动态添加 删除指定行元素

    函数首先通过`$("#表格 id")`获取到指定ID的表格元素,然后用`.filter(".CaseRow").size()+1`计算当前有Class为"CaseRow"的行的数量,这将作为新行的索引。接着,通过`$("#表格 id #tr 的 id")`选取需要作为模板的一...

    jquery动态表格

    通过以上步骤,我们可以创建一个功能完善的jQuery动态表格,不仅能够方便地添加和管理数据,还具备实时计算统计的能力,满足购物车或其他数据统计场景的需求。实际应用中,还可以进一步优化用户体验,比如添加验证、...

    动态网格布局jQuery插件(改变浏览器窗口大小 自动变化)

    jQuery通过提供简洁的API,使得开发者可以更高效地进行网页交互和动态更新。jQuery的核心功能包括选择器、遍历、事件处理、动画效果以及Ajax操作。 二、动态网格布局 动态网格布局是一种现代网页设计趋势,它允许...

    jQuery v3.5.1.zip

    - **选择器**:jQuery提供了一种简单的方式来选取HTML元素,如`$("#id")`选取ID为"id"的元素,`$(".class")`选取所有class为"class"的元素。 - **DOM操作**:jQuery允许轻松地添加、删除、修改DOM元素,如`$("p")....

    jQuery动态生成订单进度步骤代码.zip

    总结来说,这个资源提供了利用jQuery动态生成订单进度步骤的方法,包括从后台获取数据、解析数据、动态创建和更新DOM元素,以及可能的视觉特效。通过这种方式,开发者可以构建出更生动、更具交互性的前端应用。

    jQuery v3.7.1.zip

    - **选择器**:jQuery提供了丰富的CSS选择器,如`$("#id")`选取ID为id的元素,`$(".class")`选取所有class为class的元素,使得选取DOM元素变得异常简单。 - **DOM操作**:jQuery封装了各种DOM操作方法,如`append...

    jquery动态分页数据获取代码

    本教程将详细介绍如何使用jQuery实现动态分页数据的获取。 首先,我们需要理解动态分页的基本原理。动态分页是根据用户的滚动行为或者点击页码来请求服务器,只加载当前所需的页面数据,而不是一次性加载所有数据。...

    jQuery绘制温度计

    现在,我们使用jQuery来动态更新温度计的显示。这通常涉及到读取温度数据,然后根据数据调整指针的位置。例如,如果温度是通过Ajax请求获取的,我们可以这样写JavaScript代码: ```javascript $(document).ready...

    支持页码跳转的jQuery动态数据表格分页插件.zip

    例如,`$("#myID")`用于选取ID为"myID"的元素,`$(".myClass")`则选取所有class为"myClass"的元素。这些选择器是实现动态表格分页的基础,因为我们需要根据用户的操作来定位并操作特定的表格行或分页元素。 在本...

    jquery的拖拉布局

    **jQuery 拖拽布局详解** ...通过理解和应用这些技术,我们可以构建出更加动态和用户友好的Web界面。在实际项目中,根据需求选择合适的库和方法,结合良好的编码实践,能够创建出高效且易于维护的拖拉布局解决方案。

    jQuery自适应父容器宽度高度代码

    总的来说,"jQuery自适应父容器宽度高度代码"是利用jQuery动态计算和调整文本字体大小的示例,以实现文本在各种屏幕尺寸下的良好展示。通过对HTML、CSS和JavaScript的深入理解,我们可以创建出更灵活、更具适应性的...

    jquery实现瀑布流效果

    瀑布流布局的关键在于动态计算每个元素的宽度和位置,以便在页面加载或窗口尺寸改变时保持布局的美观。通常,我们会将页面分为多个列,每个元素根据列的高度自动填充,使得每一列的高度尽可能接近。 在jQuery中,...

    jquery title提示效果,jquery tip提示效果

    1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(`#id`)、类选择器(`.class`)、元素选择器(`element`)等,用来定位我们需要操作的HTML元素。在本案例中,我们可能需要选择具有特定`title`属性的元素。 ...

    jquery 依赖·js

    - **选择器**:jQuery提供了丰富的CSS选择器,使得选取DOM元素变得简单,如$("#id")选取ID为id的元素,$(".class")选取所有class为class的元素。 - **链式操作**:jQuery的方法返回的是jQuery对象本身,所以可以...

    雷霆战机_jQuery

    例如,`$("#id")`可以选取ID为"id"的元素,`$(".class")`则能选取所有class为"class"的元素。在这个游戏中,这些功能可能用于选中玩家飞机和敌机,以及各种游戏元素。 2. 事件处理:jQuery的`.on()`方法可以绑定...

    jQuery购物车自动计算金额表单适应于商城购物结算.zip

    例如,`$("#elementID")` 用于选取ID为"elementID"的元素,`$(".className")` 则选取所有class名为"className"的元素。 2. **事件绑定**:jQuery的`on()`函数允许我们为元素绑定事件监听器,如当用户更改商品数量时...

    西安野马计算机培训学校JQUERY讲义

    例如,`$("#id")`用于选取ID为指定值的元素,`$(".class")`用于选取具有特定类名的元素,而`$("tagname")`则选取所有指定标签名的元素。此外,jQuery还支持更复杂的组合选择器和过滤选择器,如`:first`, `:last`, `:...

    jQuery每页固定数量动态分页插件代码

    这个插件的关键在于理解如何使用jQuery选择器、事件监听和DOM操作来实现动态效果。通过结合HTML、CSS和JavaScript,我们可以创建一个用户友好的分页系统,根据每页显示的数量,轻松地在大量数据中导航。这个插件可以...

    jQuery日期三级联动,包含js和示例页面

    对于这个项目,我们首先需要理解如何使用jQuery选择器选取HTML元素,如`$("#id")`选择ID为`id`的元素,`$(".class")`选择所有class为`class`的元素,以及`$("tag")`选择所有特定类型的标签。 二、日期选择器 在网页...

Global site tag (gtag.js) - Google Analytics