jquery 选择带空格的元素

2024-09-04

jQuery选择器中的空格问题

前几天就遇到过这样的问题,明明我用的是('tr :even').css('background','#ccc')想改变表格中行的背景色,反复试了还是没改变.还问了度娘还是没找到原因所在(当时问题描述的方向错了).今天再次遇到了这个问题,原来是我习惯性地把空格给加上了. 加了空格的效果是这样的: 去掉空格后得到了想要的样子: 以上两种结果可以看出,加了空格后选中的是其子元素,没加空格的才是指向它自身(暂时只在带冒号':'的选择器中遇到这个问题),一定要注意空格的问题,注意养成良好的编程习惯. 以下

JQUERY选择和操作DOM元素（利用正则表达式的方法匹配字符串中的一部分）

JQUERY选择和操作DOM元素(利用正则表达式的方法匹配字符串中的一部分) 1.匹配属性的开头 $("[attributeName^='value']"); 2.匹配属性的结尾 $("[attributeName$='value']"); 3.属性选择器总结 elem[attr] 选择具有attr属性的元素 elem[attr=val]选择具有attr属性且属性值与val值匹配的元素 elem[attr^=valu]选择具有attr属性且属性值以val值开头的元素

jQuery选择器之表单元素选择器

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&

JQuery选择所有标题的元素

$(":header") 参考:http://www.w3school.com.cn/jquery/selector_header.asp

Windows出现带空格文件名无法删除

下午同事的电脑上突然出现一个文件夹,怎么也删除不了,也无法重命名. 直接删除文件夹提示:无法读取源文件或磁盘. 然后查相关进程,未发现异常.重启进安全模式下删除,一样的结果,提示:无法读取源文件或磁盘. 非常怪异的现象,照理说在安全模式下面只能运行系统相关的进程,连驱动程序都不加载了居然还是删除不了.难道中毒了. 重启后进入PE删除,居然也还是出现和系统里删除一样的结果. 难道是硬盘有坏道. 再重启进系统,在桌面上重新寻一个和这个文件夹名称一样的文件夹.居然成功了! 再两次单击发现原来的文件夹名

jQuery选择器练习中，带空格和不带空格的问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器空格的问题</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"

jQuery选择：子代元素与后代元素的区别

(1)后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈.曾孙辈及以上元素. (2)子元素:html代码如下,那么在jquery选择时,$(".test>li"),中间为>大于号,则是选取子元素,li对于ul来说是儿子辈元素,所以子元素是指ul标签内儿子辈的元素. <ul class='test'>

jQuery选择器之子元素过滤选择器Demo

测试代码: 07-子元素过滤选择器.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ht

jQuery选择元素的方法大全

jQuery选择器其实是一个有些地方比较费解的,如果没有经过多次实验的话,很难得出它的每个操作符到底是干什么的,很容易出错,经过我的多次测试,终于对一些比较难理解或容易出错的选择操作进行总结,既方便自己将来查询又方便初学者学习.如果哪里有不对的还望大家帮我指出来,这里是一个相互学习的地方. 1. 先说说通过位置选择的几个操作: :first:默认情况下是相对整个页面来说的第一个,如:li:first表示整个页面的第一个li元素,而ul li:first表示整个页面的第一个li元素,并且是在u

jQuery碎语(1) 基础、选择要操作的元素、处理DOM元素

1.基础 jquery对象集: $():jquery对象集合获取jquery对象集中的元素: 使用索引获取包装器中的javascript元素:var temp = $('img[alt]')[0] 使用jquery的get方法获取jquery对象集中的javascript元素:var temp = $('img[alt]').get(0) 使用jquery的eq方法获取jquery对象集中的jquery对象元素: $('img[alt]').eq(0) $('img[alt]').first(

jQuery——选择元素

###理解DOM jQuery最强大的特性之一就是能够简化在DOM中选择元素的任务.**DOM(文档对象模型)**充当了JavaScript与网页之间的接口,它以对象网络而非纯文本的形式来表现HTML的源代码. 关于DOM的学习,在之前的博客中有总结. 用来取得DOM元素树中元素的工具,就是jQuery选择符和遍历方法. ###使用$()函数通过jQuery的各种选择符和方法取得的结果集合会被包装在jQuery对象中,通过jQuery对象实际地操作这些元素会非常简单.可以轻松地为jQuery对

jQuery选择器之元素选择器

元素选择器:根据给定(html)标记名称选择所有的元素. 描述: $('element') 搜索指定元素标签名的所有节点,这是一个合集的操作.同样的也有原生方法getElementsByTagName()函数支持. 第一组:通过getElementsByTagName方法得到页面所有的<div>元素 var divs=document.getElementsByTagName('div'); divs是DOM合集对象,可以通过循环给每一个合集中的<div>元素赋予新的样式等. 第二

jQuery选择器中空格的问题再探究

jQuery选择器的空格问题,看似很小,但是差之毫厘谬以千里,让人很是恼火,<锋利的jQuery>书中有个经典的例子,我这里也拷贝下来,再加点自己的想法 <html> <head> <title>选择器空格的问题</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type

jQuery选择器之全面总结

选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器.如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. jQuery中的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. 为了便于记忆和学习,我们把jQuery选择器分为以下几类: 基本选择器层次选择器过滤选择器基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选

jQuery自带的一些常用方法总结

jQuery自带的一些常用方法总结这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim .$.contains.$.each.$.map.$.inArray.$.extend等,需要的朋友可以参考下本身方法($.each,$.map,$.contains,$ajax) 常用工具方法 ()$.trim $.trim方法用于移除字符串头部和尾部多余的空格. 复制代码代码如下: $.trim(' Hello ') // Hello ()$.contains $.contains

阅读jQuery源代码带给我们的18个惊喜

相信大家都非常熟悉jQuery类库,绝对最受欢迎的JS框架,如果你也有兴趣阅读v源代码的话,或者你也会有同感. 以下便是阅读jQuery源代码后挖掘的18条令人惊奇的信息: 原文:阅读jQuery源代码带给我们的18个惊喜 1. sizzle的大小 Sizzle是用来帮助jQuery实现DOM查询操作的引擎,可能你不知道它占用了jQuery源代码的22%. 其次最大的特性是$.ajax,占用了jQuery源代码中的8%. 2. $.grep 这个方法类似underscore中的_.filter方

es6 Object.assign ECMAScript 6 笔记（六） ECMAScript 6 笔记（一） react入门——慕课网笔记 jquery中动态新增的元素节点无法触发事件解决办法响应式图像弹窗细节微信浏览器——返回操作 Float 的那些事 Flex布局 HTML5 data-* 自定义属性参数传递的四种形式

es6 Object.assign 目录一.基本用法二.用途 1. 为对象添加属性 2. 为对象添加方法 3. 克隆对象 4. 合并多个对象 5. 为属性指定默认值三.浏览器支持 ES6 Object.assign 一.基本用法 Object.assign方法用来将源对象(source)的所有可枚举属性,复制到目标对象(target).它至少需要两个对象作为参数,第一个参数是目标对象,后面的参数都是源对象.只要有一个参数不是对象,就会抛出TypeError错误. var target