无法使用jQuery选择器在IE8中选择HTML5元素的子元素 - 腾讯云开发者社区

文章/答案/技术大牛

发布

纯CSS选择器控制子元素或兄弟元素的hover效果

一般 hover 效果只用在自身元素和控制子元素，那么可以直接用 CSS 控制兄弟元素的 hover 效果吗？...答案是可以的，不过只能控制相邻的元素，具体示例代码如下： 1、如果 #b 元素是 #a 元素的子元素，可以直接通过 #a:hover #b {...} 这种方式来控制。...示例代码如下： #a:hover #b{ color:green; } 2、#b 与 #c 是亲兄弟关系，有相同的父节点，且 #b 跟...来控制 #c 的样式。当鼠标移到 #b 时，#c 的样式就会改变。...示例代码如下： #b:hover + #c{color : red;} HTML元素：元素1 元素2

7.4K2 0

【说站】css子元素选择器的介绍

css子元素选择器的介绍说明 1、子元素选择器只会查找儿子, 不会查找其他被嵌套的标签。 2、子元素选择器之间需要用>符号连接, 并且不能有空格。...3、子元素选择器不仅仅可以使用标签名称, 还可以使用其它选择器。子元素选择器可以通过>符号一直延续下去。作用: 找到指定标签中所有特定的直接子元素, 然后设置属性。...格式: 标签名称1>标签名称2{ 属性:值; } 以上就是css子元素选择器的介绍，希望对大家有所帮助。

2.3K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

【说站】css后代选择器和子元素选择器的区别

css后代选择器和子元素选择器的区别说明 1、后代选择器使用空格作为连接符号，子元素选择器使用>作为连接符号。 2、后代选择器选中所有的特定后代标签，子元素选择器选中所有的特定的直接标签。...后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签...实例比如说只要选择class为box的li标签而不选到最内层的li标签该如何做？单纯用后代选择器很难做到吧！...可以这样写： div li{} 再比如说，同理只想选择最内层的li标签该怎么做？...li> 以上就是css后代选择器和子元素选择器的区别

2.8K3 0

HTML5中类jQuery选择器querySelector的使用

简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素，功能类似于jQuery的选择器...用法两个方法使用差不多的语法，都是接收一个字符串参数，这个参数需要是合法的CSS选择语法。...;elementList = document.querySelectorAll('selector1,selector2,...'); 使用这两个方法无法查找带伪类状态的元素，比如querySelector...querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找，返回第一个满足条件的元素。...原因就在于反斜杠在字符串中本身就表示转义的意思，它于冒号结合转不出东西来，于是抛错。

4.9K7 0

CSS: hover选择器控制子元素的出现和隐藏

前两天不知道是哪位同学问的问题，鼠标滑过一个div的时候，怎么控制子集元素属性的出现和隐藏，然后我说用用mouseover和mouseout这两个鼠标事件就行，那如果js不怎么熟悉的时候，可以用CSS:...方法：使用a 控制其他块的样式：使用a控制a的子元素 b： .a:hover .b { background-color:blue;...} 效果是这个样子的： ?...demo是昨天的基础上写的： <!

4.2K3 0

jQuery中属性选择器的使用

DOCTYPE html> 属性选择器的使用获取具有href属性的 DOM 对象获取属性值为www.baidu.com对象的对象获取属性值包涵it的对象获取属性值包涵www的对象并且title包含"是"的对象jquery-1.8.3.js"> $(document).ready(function () { $("button").eq(0).click(function..."是"]').css({ // 'color':'red' // }); // }); }) 效果展示如下：图的顺序为以上代码的按钮的顺序结果

4.2K2 0

在JS中使用强大的CSS选择器来定位页面元素

近期由于受到谷歌退出中国市场的影响，就连之前可以正常使用的翻译 API 也无法使用了。无奈之下为不影响本站的加载速率，决定暂时关闭谷歌的在线翻译功能。...于是便想到了使用 CSS 的选择器语法来支持，首先定位到这些按钮的父元素上，然后再逐一对子元素（即按钮本身）进行事件注册，这样当某个按钮被删除后也就无须 if 条件判断，同样也不用调整 JS 代码。...顺着这个思路往下走的时候，发现并不是所有按钮的事件都是相同的，得排除掉其它非同类项的按钮。结合之前编写 SCSS 代码时的经验，是否可以使用 :first-child 这样的选择器进行排除呢？...相比于 JS 中使用 ID 或名称来定位页面元素的方式，这种使用 CSS 选择器的模式，操作起来会更的加简便和灵活。...看来对于 hugo-theme-next 主题的代码架构评审的工作得加紧啦，毕竟使用的用户也在逐步增长中，得对大家的信赖“负责”才是。

8721 0

怎样使用 CSS 选择器精确地选择特定的元素或元素组来应用样式？

要精确地选择特定的元素或元素组来应用样式，可以使用 CSS 选择器。以下是一些常用的 CSS 选择器：元素选择器：通过元素名称选择元素。例如，使用 p 选择所有元素。...p { color: blue; } 类选择器：通过类名选择元素。可以在 HTML 元素中使用 class 属性来指定类名，然后在 CSS 中使用 .类名来选择元素。...可以在 HTML 元素中使用 id 属性来指定唯一的 ID，然后在 CSS 中使用 #ID 来选择元素。例如，使用 #header 选择具有 ID 为 “header” 的元素。...例如，使用 div p 选择所有元素内的元素。 div p { font-size: 20px; } 子元素选择器：通过元素的直接子元素选择元素。...可以使用 > 将多个选择器组合在一起，表示元素的直接子元素关系。例如，使用 ul > li 选择元素中的直接子元素元素。

1.5K1 0

HTML5中Canvas元素的使用总结原

HTML5中Canvas元素的使用总结 Canvas提供了开发者自定义绘图的接口，我们可以公国getContext()函数来获取绘图上下文进行绘制操作，这个函数中可以传入两个参数，其中第1个参数设置绘图上下文的类型...有一点需要注意，使用clip函数进行裁剪后，之后的绘制将只能在裁剪的区域内进行绘制，如果想在裁剪区域外绘制，需要使用save和restore两个函数来处理，在裁剪前，使用save函数来保存当前绘图上下文的状态...，因为图片的加载是需要时间的，直接渲染会无法获取图像数据。...其中sx，sy和sw，sh用来对原图像进行裁剪，只选择图像中的部分进行绘制，x，y，w，h设置绘制在画布上的坐标和尺寸。 ...3.绘制属性的设置在绘制过程中，开发者可以对绘制的线条颜色，填充颜色，风格，阴影等进行设置。

2.6K1 0

jquery中动态新增的元素节点无法触发事件解决办法

在使用jquery中动态新增的元素节点时会发现添加的事件是无法触发的，我们下面就为各位来详细的介绍此问题的解决办法．　　...)，想必后面通过ajax加载进来的列表中的回复按钮，点击事件会失效。　　...其实最简单的方法就是直接在标签中写onclick=""，但是这样写其实是有点low的，最好的方式还是通过给类名绑定一个click事件。...解决jquery中动态新增的元素节点无法触发事件的问题有两种解决方法，如下：方法一：使用live 　　live()函数会给被选的元素绑定上一个或者多个事件处理程序，并且规定当这些事件发生时运行的函数。...通过live()函数适用于匹配选择器的当前及未来的元素。比如，通过脚本动态创建的元素。

2.7K2 0

jquary学习（二）jquary的使用，jQuery中的选择器

目录首先在官网下载jquary的js文件 html页面文件里面引入 jQuery中的选择器基本选择器id 选择器标签选择器 (“a”)类选择器 (“.class”) 首先在官网下载jquary的js...以后就可以在这个HTML页面使用jquary的语法了 jQuery中的选择器我们打开jquary的中文参考文档 ? ? 打开就是以上的界面。基本选择器 ?...先看基本选择器 id 选择器 function demo1(){ //使用JS方式获得--HTMLInputElement var uname=document.getElementById...li> List Item22 List Item23 子元素选择器...//$("ul li:first-child").css("background-color","green"); //最后一个而此选择符将为每个父元素匹配一个子元素

6.1K2 0

js操作DOM在父元素中的结尾添加子节点注意

=``; document.getElementById("wrapper").appendChild(impressionHtml); js向父元素...wrapper中的末尾添加定义好的html，报错： Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1...在stackoverflow上找到很好的一个解释： ? 所以js是不能直接传入字符串的，但是jquery的append可以直接传入html字符串。

12.9K4 0

第87天：HTML5中新选择器querySelector的使用

一、HTML5新选择器 1、document.querySelector("selector"); selector:根据CSS选择器返回第一个匹配到的元素，如果没有匹配到，则返回null; 支持： Chrome...FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+ 2、document.querySelectorAll("selector"); selector:根据CSS选择器返回所有匹配到的元素数组...FireFox 3.5+, Safari 3.2+, Opera 10.1+, IE 8+ 3、document.getElementsByClassName("selector"); selector:根据类选择器返回所有匹配到的元素数组...4.0+, FireFox 3.0+, Safari 3.2+, Opera 10.1+, IE 8+ 4、注意： document.querySelector(selector);//返回第一个满足选择器条件的元素...元素的数组）本质上jQuery方式和querySelector方式都是获取DOM数组，只不过jquery会多一些其他成员 DOM数组的每一个成员注册事件不能像jquery一样直接注册，必须分别给每个元素注册

1.5K3 0

JS魔法堂：那些困扰你的DOM集合类型

由于document.getElementsByName在不同的浏览器中返回不同类型的对象，因此推荐使用[{Number} 索引]的方法来访问集合元素会省心一些； 4....三、同名不同性——IE下怪异的HTMLCollection　　　　　　　　　　　　　　　　　假如大家看过《JS魔法堂：追忆那些原始的选择器》，应该会了解到在IE5678下，document.all会返回一个类函数对象...四、StaticNodeList——伪装成NodeList的小子　　　　　　　　　　　　　　　　　　从IE8开始就多了个querySelectorAll选择器方法。...但IE11中的HTMLAllCollection还可以当作函数使用，具体请看本文的第三节。...NamedNodeMap和HTMLCollection、NodeList不同，因为它是无序集合，虽然可以通过数字类型的下标索引访问NamedNodeMap集合中的元素，但该索引值并不真实代表元素在集合中的位置

2.5K9 0

我碰到的那些面试题html+css

1、html5中新增的标签有哪些？ /*1、header元素表示页面中一个内容区块或真个页面的标题。 2、hgroup元素表示对真个页面或页面中的一个内容区块的标题进行组合。...*/ 更多资料 http://www.sohu.com/a/330231789_120174705 2、css3中新增的内容 /*CSS3选择器有哪些？...答：属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些？.../* html5这块尽量不使用html5中新增的一些语义化标签； css方面不要使用css3新增内容 js这块，引用jquery1.0系列版本针对360浏览器（兼容模式，极速模式） html hack...https://www.jianshu.com/p/f971aae86f4d 6、css常见的元素选择器 /*标签选择器 class类选择器 id选择器伪类选择器，主要为伪类选择器主要应用在<

1.6K2 0

求职 | 史上最全的web前端面试题汇总及答案2

1.id选择器（ # myid） 2.类选择器（.myclassname） 3.标签选择器（div, h1, p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li...p:only-child 选择属于其父元素的唯一子元素的每个元素。 p:nth-child(2) 选择属于其父元素的第二个子元素的每个元素。...然而，在以下情况中，请使用 POST 请求： ①无法使用缓存文件（更新服务器上的文件或数据库）向服务器发送大量数据（POST 没有数据量限制）。...②标准模式的排版和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。注意点： HTML5 只需要写选择器多背景 rgba CSS3新增属性 Html5 1、Html5与html4相比，各有何优缺点？

8.4K2 0

jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

jQuery 在元素中添加插入内容的方法和区别，整理成表格，省的每次都要翻： jQuery方法解释 after() 在被选元素之后插入指定内容 insertAfter() 在被选元素之后插入 HTML...如果用于已有元素，这些元素会被从当前位置移走，然后被添加到被选元素之后。...append() 在被选元素的结尾（仍然在内部）插入指定内容 appendTo() 在被选元素的结尾（仍然在内部）插入 HTML 标记或已有的元素。...prepend() 在被选元素的开头（仍然在内部）插入指定内容 prependTo() 在被选元素的开头（仍然在内部）插入 HTML 标记或已有的元素千言解释不如一图示意：具体代码： This is the target div to which new elements are associated using jQuery var $

3.6K3 0

由重构进阶前端开发入门 (二) 事件与事件对象

不过日常需要对 IE8 这一类浏览器进行支持时，一般使用 jQuery 等现成做好了兼容性处理的框架，使用方便快捷，API 也是一目了然，非常容易理解。...('选择器>') 的效果是根据 CSS 选择器找到页面上对应的元素，返回的对象可以对其做绑定事件处理器等操作，如上面的但是仔细观察这个返回对象，你会发现它并不是原生的 DOM 对象，对它做原生...常用 jQuery API 选择元素和创建元素使用 $(), find, filter 处理事件使用 on, off, trigger 操作元素内容使用 text, html 操作元素位置和尺寸使用 offset...jQuery 编写兼容 IE8 的代码，需要对事件绑定、事件对象获取、元素查找、点击坐标、元素坐标等操作做大量兼容处理。...有兴趣的同学课余可以尝试一下，使用原生 JS 兼容 IE8 和现代浏览器后，再对比上述代码，就能明白 jQuery 的强大之处了~ 附：可用的跨浏览器兼容的 jQuery 标准化事件属性 jQuery

1.8K1 0

iframe 解析

4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中，不支持 iframe 元素。...提示：您可以把需要的文本放置在和之间，这样就可以应对无法理解 iframe 的浏览器。...4、iframe访问方式 (1)、iframe访问方式大致有两种,大致如下: i、contentWindow属性,通过iframe元素的这个属性,可获取子窗口的window对象,该属性兼容各个浏览器 ii...、contentDocument属性,通过iframe元素的这个属性,可取得子窗口的document对象,该属性兼容向存在问题:Firefox 支持,大于ie8版本的ie支持. (2)、获取子窗口document...ii、在得到iframe的window对象后,接着可以通过jquery选择器对其进行页面操作,代码如下: 通过上面的方法可以

2.5K10 0

前端常用插件

jquery-ui: jQuery 团队开发的 UI 相关的前端库，功能强大 todomvc: 分别基于 AngularJS/EmberJS/Backbone等实现的 TODO List, 帮助开发者选择前端...的支持 jquery.scrollTo: 在页面上以一个元素为起始以动画的方式移动(ScrollTo)到另一个元素，支持回退等 jScrollPane: 自定义的滚动条，让所有浏览器都显示一样的滚动条...: 神奇的滚动交互效果插件，可以在滚动的过程中设置各种各样的动态效果 infinite-scroll: 滚动加载，滚动到最下到自动加载， Paul Irish 大神之作 animatable: 仅仅依靠...可以访问 Facebook/Twitter/Google Drive 等网络服务 spectrum: Js实现的颜色选择器 (Colorpicker) jQuery.countdown: jQuery...的 JS 实现, 支持 IE8 及以上浏览器 trix: Basecamp 公司出品的富文本编辑器，简洁小巧 sensor.js: 在智能移动设备浏览器上，通过HTML5的api使用移动设备的功能。

6K6 1

点击加载更多

纯CSS选择器控制子元素或兄弟元素的hover效果

【说站】css子元素选择器的介绍

【说站】css后代选择器和子元素选择器的区别

HTML5中类jQuery选择器querySelector的使用

CSS: hover选择器控制子元素的出现和隐藏

jQuery中属性选择器的使用

在JS中使用强大的CSS选择器来定位页面元素

怎样使用 CSS 选择器精确地选择特定的元素或元素组来应用样式？

HTML5中Canvas元素的使用总结原

jquery中动态新增的元素节点无法触发事件解决办法

jquary学习（二）jquary的使用，jQuery中的选择器

js操作DOM在父元素中的结尾添加子节点注意

第87天：HTML5中新选择器querySelector的使用

JS魔法堂：那些困扰你的DOM集合类型

我碰到的那些面试题html+css

求职 | 史上最全的web前端面试题汇总及答案2

jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别

由重构进阶前端开发入门 (二) 事件与事件对象

iframe 解析

前端常用插件

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐