`
zhouchaofei2010
  • 浏览: 1103231 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

jquery css选择器“span .other” 和“span.other”的区别

阅读更多
<!--StartFragment -->
Kevin  11:07:10
<td >
<input type="hidden" name="developThirds[<s:property value='#fn.index'/>].id" value="<s:property value='#developThird.id'/>"/>
   
   
    <s:select onchange="change1(this,0)" id="dsfselect" name="developThirds[%{#fn.index}].name" value="#developThird.name" list="#session.ThirdMap"></s:select>&nbsp;&nbsp;&nbsp;  
    <input type='button'  class='button1' value='删除'  onclick="delThisThird(this,<s:property value='#developTache.tacheName'/>,'<s:property value="#developThird.id"/>')"/>
    <span class="other"  style="display:none;"> 
    名称:
<input  type="text" name="developThirds[<s:property value='#fn.index'/>].hold1"  value="<s:property value='#developThird.hold1'/>"/>
    </span>
      </td>
Kevin  11:07:50
如上 onchange="change1(this,0)"
Kevin  11:08:31
如何通过select找到下面class=“other” 的span元素?
Kevin  11:08:39
用jquery
Kevin  11:09:39
change1(th,num) 方法中:

 $(th).parent().find("span .other").css("display","block");
Kevin  11:09:57
试了不行 。。
赵福运  11:10:29
$(this).nextAll("span.other")
Kevin  11:11:07
好 我试试
Kevin  11:12:44
oh  
Kevin  11:13:03
 我这个 $(th).parent().find("span .other").css("display","block");
怎么不行啊?

赵福运  11:13:03
find的意思是查找内部结点
Kevin  11:13:45
是啊   $(th).parent() 不是得到 td了吗?
Kevin  11:14:15
查找td下的内部节点
赵福运  11:13:57
find("span .other")之前有个空格??
赵福运  11:14:12
去掉空格就好了
赵福运  11:14:31
"span .other"跟"span.other"的意思是不一样的
Kevin  11:15:40
恩  好了  
Kevin  11:16:10
"span .other"跟"span.other"的意思是不一样的 能解释下吗?

赵福运  11:17:32
“span  .other”意思是span标签下面类名是other的所有所有标签
赵福运  11:18:01
"span.other"的意思是类名是other的span标签
Kevin  11:18:44
恩  
赵福运  11:18:37
我说的“下面”是“内部”的意思
Kevin  11:19:08

返回值:Array<Element(s)> ancestor descendant
概述
在给定的祖先元素下匹配所有的后代元素



赵福运  11:18:50
别误解啊,呵呵
Kevin  11:19:15
呵呵额
Kevin  11:19:23

Kevin  11:19:44
这个能解释 “span  .other”意思是span标签下面类名是other的所有所有标签
呵呵
赵福运  11:19:44

Kevin  11:20:12
"span.other"的意思是类名是other的span标签
这个在文旦里哪里有解释啊?
赵福运  11:20:05
这是CSS的后代选择器
赵福运  11:20:36
jquery的意思跟CSS一样
赵福运  11:21:01
你可以看下CSS选择器
Kevin  11:21:25
哦 
赵福运  11:21:26
jquery支持所有的CSS选择器,包括CSS3
Kevin  11:23:06
css选择器是没有空格的?
赵福运  11:23:08

赵福运  11:23:18
后代选择器就是个空格
Kevin  11:24:43
span  .other   和 span.other  都符合CSS选择器
语法的吧
赵福运  11:24:40

Kevin  11:26:02
td.fancy {
color: #f60;
background: #666;
}




td  .fancy {
color: #f60;
background: #666;
}
是不一样的啊?
赵福运  11:26:08
不一样
Kevin  11:26:49
哦  呵呵 明白了
Kevin  11:30:08

Kevin  11:30:20
我怎么找不到这样的说明?
Kevin  11:30:33
后代选择器 的说明
Kevin  11:30:45

Kevin  11:30:50
这个教程里
赵福运  11:30:55
http://www.w3school.com.cn/css/css_syntax.asp
赵福运  11:31:06
CSS 派生选择器
赵福运  11:31:25
“CSS 派生选择器”就是我说的“后代选择器”
Kevin  11:32:00
啊  我看看
1
0
分享到:
评论

相关推荐

    jquery-ui-1.8.16.custom.min.js/jquery-ui-1.8.16.custom.css

    这个压缩包包含两个关键文件:`jquery-ui-1.8.16.custom.min.js` 和 `jquery-ui-1.8.16.custom.css`,这些都是jQuery UI的特定版本,即1.8.16。这个版本在当时是一个广泛使用的稳定版本,提供了丰富的功能和组件。 ...

    jquery-ui-1.8.2.custom.min.js,jquery-ui-1.8.4.custom.css

    总的来说,`jquery-ui-1.8.2.custom.min.js`和`jquery-ui-1.8.4.custom.css`是jQuery UI早期版本的实例,它们展示了如何通过定制和最小化来满足特定项目的需要。尽管版本较旧,但理解这些文件背后的原理和用途,有助...

    jquery插件jquery-ui-1.8.18.custom.min.js及css文件

    3. **Widget CSS**:针对每个组件的特定样式,如日期选择器的日期格式、滑块的颜色和尺寸等。 将JS文件与CSS文件结合使用时,需要注意以下几点: - **加载顺序**:通常需要先引入jQuery库,然后是jQuery UI的JS...

    jquery-ui.min.css

    jquery-ui 内的组件,是制作折叠面板必要的css的组成部分。

    jquery.mobile-1.4.5.min.css

    移动开发所需要的css文件 jQuery Mobile 1.4.5 | Git HEADhash: 68e55e7 &lt;&gt; 2014-10-31T17:33:30Z | (c) 2010, 2014 jQuery Foundation, Inc. | jquery.org/license */

    jquery-ui-custom.min.css

    jquery-ui-custom.min.css

    jquery css

    jquery css

    jquery-ui.css、jquery-ui.js下载

    在本文中,我们将详细探讨`jquery-ui.css`和`jquery-ui.js`这两个关键文件,并讨论如何在项目中有效地使用它们。 首先,`jquery-ui.css`是jQuery UI的核心样式文件,它包含了所有组件的默认样式和主题。这个文件...

    jquery-upload.min.js和jquery-1.11.0.min.js

    jquery ajax上传组件JS. jquery-upload.min.js和jquery-1.11.0.min.js。 上传小文件图片,文件等非常合适。 详情可参考:http://blog.csdn.net/programmer_sir/article/details/29570935

    jquery插件jquery-ui-1.8.2.custom.min.js

    首先,jQuery UI的核心在于它提供了大量预定义的UI组件,如日期选择器、对话框、滑块、排序列表等。这些组件能够帮助开发者快速构建出具有专业外观和行为的网页元素,无需从零开始编写复杂的JavaScript代码。"jquery...

    jquery.multiselect.filter

    该插件包含两个核心文件:`jquery.multiselect.filter.js`和`jquery.multiselect.filter.css`。前者是JavaScript代码,实现了插件的主要功能;后者是CSS样式文件,用于美化插件的显示效果。确保这两个文件被正确引入...

    css3+jQuery开灯关灯动画代码.rar

    css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+...

    jquery.ui.all.css

    jquery.ui.all.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颜色选择器ColorPicker

    **jQuery颜色选择器ColorPicker详解** 在Web开发中,用户界面的交互性和视觉效果往往对用户体验有着重要影响。其中,颜色选择器是一个常见的组件,它允许用户方便地选取颜色。`jQuery ColorPicker`是一个轻量级且...

    jquery.qrcode.min.js---二维码的jquery插件

    jquery.qrcode.min.js 二维码的jquery插件

    jquery.easing.1.3.min.js

    jquery.easing.1.3.min.js 动画效果js

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

    `selector`可以是CSS选择器,如`$("#id")`选取ID为`id`的元素,`$(".class")`选取所有class为`class`的元素。 - `$(element).html()`:获取或设置元素的HTML内容。 - `$(element).append()`/`.prepend()`:在元素...

    jquery.editable-select.min的css与js

    jQuery Editable Select 是一个轻量级的插件,由两部分组成:`jquery.editable-select.min.css` 和 `jquery.editable-select.min.js`。这两个文件分别是CSS样式表和JavaScript脚本,它们共同实现了这个强大的功能...

    jquery-2.0.3.js和jquery-2.0.3.min.js

    1. **选择器增强**:jQuery 2.0.3支持CSS3选择器,使得开发者可以通过更复杂的CSS规则来选取元素,提高了代码的灵活性和可读性。 2. **事件处理**:事件绑定和解绑的API更加简洁,同时增加了事件委托功能,使得动态...

Global site tag (gtag.js) - Google Analytics