首页
学习
活动
专区
圈层
工具
发布

P不能做div的父元素?

P和div同为块元素,为什么P不能做div的父元素? 执行结果: 可以在控制台看到这样一段信息: div像一条分割线一样,把无辜的 P标签 一分为二 是什么原因导致的呢?...W3C这样说:“ 如果你这样做,将会严重违反P的语义 ” 解决方法暂时没有 于是我找到了块级元素和内联元素的嵌套规则,如下: 最基本:内联不能嵌套块级,块级可以嵌套内联元素 div>...所以说p里面不能嵌套div,就是我犯的错误。...>div>  正确 div>div>  错误(块级和内联并列了,正确的写法如下) div> div>... div> div> 以上是它的嵌套规则,但违反了不一定报错,比如我经常用 a 标签去嵌套 div,就没有什么问题。

1K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery对象的查找

    在jQuery中,我们可以使用各种方法来查找和选择特定的元素或元素集合。这些查找方法使我们能够根据不同的选择器、属性、关系等条件来定位和操作元素。...常用的jQuery对象查找方法:find()方法在当前元素集合中查找匹配指定选择器的后代元素,并返回新的元素集合。...parent()方法选择当前元素集合中每个元素的父级元素,并返回新的元素集合。下面是parent()方法的使用示例:$("li").parent();上述示例将选择所有元素的直接父级元素。...使用对象查找方法来选择和操作元素:HTML代码:div class="container"> Item 1 Item 2 Item...例如,使用parent()方法选择$listItems的父级元素,并通过is()方法判断是否为元素;使用parents()方法选择$listItems的.container祖先元素;使用siblings

    1.4K10

    jQuery常见结点操作

    — 注意 获取某个子节点或者父节点使用选择器过滤即可! 获取hxb的所有祖先元素 hxb.parents(expr) 这是是查找所有祖先元素,不限于父元素。类似于js中的offsetParent。...都坐下 $('#id').parentsUntil('.class'); //获取 #id 到 .class 之间的#id 的父级节点 $('#id').nextUntil('.class');...//获取 #id 之后到 .class 之间的所有节点 $('#id').prevUntil('.class'); //获取 #id 之前到 .class 之间的所有节点 $('div').first...的div节点------找自己 $('#id').find('条件'); //()不能为空,find会一直向子集(子集的子集···)寻找直到满足条件为止。...jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()的返回结果,不会有初始集合中的内容,比如("p").find("span"),是从p元素开始找,等同于

    37910

    jQuery通过id选择器绑定双击事件,和appendTo()方法的使用详解

    下拉列表绑定一个双击事件dblclick() $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions...= $("option:selected");//这种写法存在问题,如果已分配列表中也有被选中的option同样会被选中//不可以 var alloptions = $("#id option...:selected",document);==>$("option:selected");//不可以 var alloptions = $("option:selected",$("#id..."));//选择哪个下拉(select)列表的被选中的值(第二种写法) var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的...//实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把b追加到a,而是把a追加到b $("option:selected",this).appendTo($("

    1.8K20

    JQuery选择器和JQuery包装集

    在DOM编程中我们只能使用有限的函数根据id或者TagName获取DOM对象。...[i].innerHTML = 'div' + i;//通过索引访问到的元素不是JQuery对象,而是DOM对象} JQuery包装集 在此介绍一些基本的JQuery包装集及使用 ready()方法...().is("form")用一个表达式来检查当前选择的元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true $("p").parent()查找每个段落的父元素: 示例 HTML 代码:查找段落的父元素中每个类名为selected的父元素: HTML 代码:div>Hellodiv>div class="selected...>div> ] 其他 使用is()方法查找段落的父元素中每个类名为selected的父元素(带返回值true/false): 使用var flagValue = $("p").parent().is

    4.4K20

    JavaScript 学习-43.jQuery 选择器

    前言 jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。...,找到同一层级的该元素后面的全部兄弟元素 $('p, div') p标签和div标签元素 基础选择器 jQuery 查找元素语法,主要是基于css 选择器 根据标签匹配,不用加符号,直接是标签名称,如..."> div> div> jquery 查找元素示例 var p1 = $('p'); // 查找p标签元素 console.log...子代选择器,通过父元素找子元素用大于号> // 父元素找子元素 var a1 = $('#demo>p') // 找出id为demo的 的子元素p console.log(a1)...找到同一层级的该元素后面的全部兄弟元素,中间用~ // 兄弟元素选择器 var d = $('#p1~div'); //查找id=p1的全部div兄弟元素 console.log(d

    92920
    领券