您的当前位置:首页正文

取得父标签_基础知识

2023-12-01 来源:布克知识网

取得父标签FF 下没有 event 用 arguments[0] FF 下没有 srcElement 用 target FF 下没有 parentElement 用 parentNode 代码如下:function obj_event_onsomething(e){ var e=window.event?window.event:e; var srcEle=e.srcElement?e.srcElement:e.target; var theObjectYouWant=srcEle.parentNode; }刚刚又发现,FF下的childNodes比IE下的要大1 代码如下:o.previousSibling.href || o.previousSibling.previousSibling.href 前面一个表达式用于IE下,后面一个用于FireFox下. 因为在IE下,XMLDom没有preserveWhiteSpace这个属性,即:把空白也当作一个节点,而IE则默认为false,即把空白不看成一个节点. 这里说到了XMLDom,似乎和上面所说的不相关,但是在FireFox下 previousSibling就是空白,除非两个HTML标签之间没有任何形式的空格. 这个空白指的是 #text 节点 代码如下: 123 6546 321 这里 div 应该有5个子节点 1. div 标记后到 a 标记前的那个回车换行 2. a 标记 3. 6546 4. b 标记 5. b 标记后到 div 结束标记前的那个回车换行

小编还为您整理了以下内容,可能对您也有帮助:

jquery怎么获取当前元素的父元素

这样:

<ul class="parent1">

      <li><a href="#" id="item1">jquery获取父节点</a></li>

      <li><a href="#">jquery获取父元素</a></li>

</ul>

扩展资料:

注意事项

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。

parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。

可以看出parent的取值很明确,就是当前元素的父元素;parents则是当前元素的祖先元素。

<div id='div1'>

<div id='div2'><p></p>

</div><div id='div3' class='a'><p></p></div>

<div id='div4'><p></p></div>

</div>

怎么用Jquery获得当前焦点的父标签的标签名

$(this).parent()是获取当前焦点的父标签而获取当前焦点的父标签的标签名...基本都是知道这个父标签的标签名来获取这个标签的...例
如$(this).parents('input');但如果你非要这样做...最好你自己在定义的时候就写个没用的属性..然后获取这个属性里的
value...例如:<input
tagName="input"
type="text"/>tagName
是自定义的属性...然后你这样获取$(this).parent().attr('tagName');

怎么用Jquery获得当前焦点的父标签的标签名

$(this).parent()是获取当前焦点的父标签而获取当前焦点的父标签的标签名...基本都是知道这个父标签的标签名来获取这个标签的...例
如$(this).parents('input');但如果你非要这样做...最好你自己在定义的时候就写个没用的属性..然后获取这个属性里的
value...例如:<input
tagName="input"
type="text"/>tagName
是自定义的属性...然后你这样获取$(this).parent().attr('tagName');

jquery 怎么获取一个对象的父级

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码

$('body').append($('#a').parent().attr('id'));

3、浏览器运行index.html页面,此时成功通过ID为a的div获取了它父级元素并打印其ID值。

jquery 怎么获取一个对象的父级

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。

2、在index.html中的<script>标签,输入jquery代码

$('body').append($('#a').parent().attr('id'));

3、浏览器运行index.html页面,此时成功通过ID为a的div获取了它父级元素并打印其ID值。

jquery 如何得到父节点对象

jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:

    $("span").parent(); // 获取所有span标签元素的父节点对象集合

    $(".selected").parent(); // 获取所有class位selected的元素的父节点对象集合

    $(span.selected).parent(); // 获取class为selected的span标签元素的父节点对象集合

另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。

jquery 如何得到父节点对象

jQuery 提供了 parent() 方法用以获取当前匹配元素集合中每个元素的父元素,例如:

    $("span").parent(); // 获取所有span标签元素的父节点对象集合

    $(".selected").parent(); // 获取所有class位selected的元素的父节点对象集合

    $(span.selected).parent(); // 获取class为selected的span标签元素的父节点对象集合

另外,注意与parents() 方法的区别——parents() 方法获取当前匹配元素集合中每个元素的祖先元素(祖先元素不仅包括父节点,还包括祖父、曾祖父等等)。

我要怎么取得父级DIV的ID呢?

首先通过js获取到当前img对象,可以使用document.getElementById()的方式,然后通获取到的对象的parentElement属性指向的就是当前元素的直接父级元素。

// 获取到当前IMG对象
var obj = document.getElementById("imgId");
// 获取到IMG对象的直接父级对象元素
var parentEl = obj.parentElement;

示例效果代码:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<style>
#div_parentDiv{width:20%;text-align:center;}
.mouseoverCss{border:1px solid #FF0000;}
.mouseoutCss{border:1px solid #EEEEEE;}
</style>
<script type="text/javascript">
function getParentEl(obj, showColor){
if (obj) {
// 这个就是获取当前对象的上一级元素
var parentEl = obj.parentElement;
var className = "mouseoutCss";
if (showColor) {
className = "mouseoverCss";
}
parentEl.className = className;
}
}
</script>
</head>
<body>
<div id="div_parentDiv" class="mouseoutCss">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g11.gif" onmouseover="getParentEl(this, true);" onmouseout="getParentEl(this, false);" />
</div>
</body>
</html>

我要怎么取得父级DIV的ID呢?

首先通过js获取到当前img对象,可以使用document.getElementById()的方式,然后通获取到的对象的parentElement属性指向的就是当前元素的直接父级元素。

// 获取到当前IMG对象
var obj = document.getElementById("imgId");
// 获取到IMG对象的直接父级对象元素
var parentEl = obj.parentElement;

示例效果代码:

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=GBK">
<style>
#div_parentDiv{width:20%;text-align:center;}
.mouseoverCss{border:1px solid #FF0000;}
.mouseoutCss{border:1px solid #EEEEEE;}
</style>
<script type="text/javascript">
function getParentEl(obj, showColor){
if (obj) {
// 这个就是获取当前对象的上一级元素
var parentEl = obj.parentElement;
var className = "mouseoutCss";
if (showColor) {
className = "mouseoverCss";
}
parentEl.className = className;
}
}
</script>
</head>
<body>
<div id="div_parentDiv" class="mouseoutCss">
<img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g11.gif" onmouseover="getParentEl(this, true);" onmouseout="getParentEl(this, false);" />
</div>
</body>
</html>

教育基础知识中大名鼎鼎六位的“父亲”,你知道吗?

教育基础知识中大名鼎鼎六位的“父亲”分别是:夸美纽斯——近代教育学之父、赫尔巴特——现代教育学之父、杜威——实用主义教育学之父、冯特——心理学之父、桑代克——教育心理学之父、华生——行为主义心理学之父。

一、夸美纽斯——近代教育学之父

著作:《大教学论》——教育学形成一门学科的标志,近代第一本教育学著作。

教学思想:“泛智教育——把一切事物教给一切人”

教学原则:教育适应自然原则

教学方法:直观性、系统性、量力性、巩固性和自觉性等一系列教学方法

教学制度:首次系统阐述班级授课制

教学内容:百科全书式的课程

二、赫尔巴特——现代教育学之父

著作:《普通教育学》——标志着规范教育学的建立,第一本现代教育学著作

理论基础:伦理学和心理学

教学原则:教育性教学原则——“我想不到有任何无教学的教育,正如相反方面,我不承认有任何无教育的教学。”

旧三中心:教师中心、教材中心、课堂中心

教学方法:四阶段教学法——清楚、联想、系统和方法

教育目的:教育的目的是培养良好的社会公民——“社会本位论”

三、杜威——实用主义教育学之父

著作:《民主主义与教育》(又译《民本主义与教育》)

新三中心:儿童中心、活动中心、经验中心

教育思想:教育即生活,教育即生长,学校即社会。

教育目的:教育即生长——教育无目的论

教学方法:五步探究教学法——创设疑难情境、确定疑难所在、提出解决问题的种种假设、推断哪个假设能解决这个困难、验证这个假设。

四、冯特——心理学之父

著作:《生理心理学原理》——心理学的宣言

在莱比锡大学创建了世界上第一个心理学实验室——标志着科学心理学的诞生

基本观点:主张心理学研究人们的直接经验即意识,并把人的经验分为感觉、意象和状态三种元素——构造主义心理学

研究方法:实验内省法

五、桑代克——教育心理学之父

著作:《教育心理学》——西方第一本以“教育心理学”命名的专著,教育心理学成为一门学科的标志

著名实验:迷笼实验

基本观点:试误说——学习的实质是经过试误在刺激与反应之间形成联结,要遵循三条重要的原则,准备律、练习律、效果律

相同要素说——迁移是非常具体的、有条件的,需要有共同的要素。两种情境中相同要素越多,迁移的量也就越大

六、华生——行为主义心理学之父

著作:《在行为主义者看来的心理学》——宣告了行为主义的诞生

基本观点:反对研究意识,主张心理学研究行为;环境决定论

研究方法:反对内省法,主张实验法

著名实验:小阿尔伯特实验

著名言论:给我一打健康的婴儿.一个由我支配的特殊的环境,让我在这个环境里养育他们,我可担保,任意选择一个,不论他父母的才干,倾向,爱好如何,他父母的职业及种族如何,我都可以按照我的意愿把他们训练成为任何一种人物——医生,律师,艺术家,大商人,甚至乞丐或强盗。

CSS里什么是父元素和兄弟元素?

<html>
    <head>
       <title>...</title>
    </head>
    <body>
        <ul>
           <li>332</li>
           <li>233234</li>
        </ul>
        <p>...</p>
    </body>
</html>

例如上面的html结构: 

    <html>元素就是<body>和<head>的父元素(上下级,包含关系)

    而<body>又是<ul>和<p>的父元素

    <ul>又是两个<li>的父元素。

    两个<li>就是兄弟元素(平级)

    <body>和<head>也是兄弟元素,依此类推。

    相应的, ul 和p是body的子元素, 而 li 呢, 是body的后代元素(后代选择符)。

    你在dreamweaver里,套用源格式后,代码自动缩进,你很容易就能看出来的。

CSS里什么是父元素和兄弟元素?

<html>
    <head>
       <title>...</title>
    </head>
    <body>
        <ul>
           <li>332</li>
           <li>233234</li>
        </ul>
        <p>...</p>
    </body>
</html>

例如上面的html结构: 

    <html>元素就是<body>和<head>的父元素(上下级,包含关系)

    而<body>又是<ul>和<p>的父元素

    <ul>又是两个<li>的父元素。

    两个<li>就是兄弟元素(平级)

    <body>和<head>也是兄弟元素,依此类推。

    相应的, ul 和p是body的子元素, 而 li 呢, 是body的后代元素(后代选择符)。

    你在dreamweaver里,套用源格式后,代码自动缩进,你很容易就能看出来的。

小白总结:前端HTML基础知识点(1)——元素总结

HTML中的标签元素一般分为三大类,它们分别是:块级元素、行内元素、行内块级元素。下面总结一下这几类元素的特点及应用。

01 块级元素

特点:

① 独占一行、从上到下排列

② 可直接控制宽度、高度及盒子模型的CSS属性(width 、height、padding 等属性值)

③ 在不单独设置宽度的情况下,块级元素的宽度(width属性)继承父元素

④ 在不单独设置高度的情况下,块级元素的高度(height属性)靠自己的基因(它本身内容的高度)

块级元素从我的理解来说,就是一个大框框,用来框住其它元素不要乱跑乱窜的,只能在一定范围内活动。所以,它通常会用来进来大的结构搭建。

常用的块级元素:

02 行内元素

特点:

① 元素与元素之间会自动排列成一行,遇到空间不够自动换行

② 默认高度和宽度(width、height)属性与它们的内容有关,无内容那么它本身也就是虚无。

③ 行内元素不支持padding、margin的上下调动(它们就是紧挨着不离不弃、除非用外部手部强制拆散它们)

行内元素一般用来修饰点缀内容而用,语义化比较强,用来加强代码的可读性。

常用的行内元素:

03 行内块元素

特点:

从这个名字就可以看出来,它是一个结合体,块级元素和行内元素的结合体。它具备二者共有的一些特点,使用非常频繁。

① 元素具有块级元素的属性(width、height等属性),可以对其直接控制

② 虽然有宽和高,但是他并不会霸道地独占一行,它具有行内元素的“亲情属性”,会自动排列挨在一起。

③ 行内块元素支持padding、margin的上下调动

欢迎大佬提点指正

小白总结:前端HTML基础知识点(1)——元素总结

HTML中的标签元素一般分为三大类,它们分别是:块级元素、行内元素、行内块级元素。下面总结一下这几类元素的特点及应用。

01 块级元素

特点:

① 独占一行、从上到下排列

② 可直接控制宽度、高度及盒子模型的CSS属性(width 、height、padding 等属性值)

③ 在不单独设置宽度的情况下,块级元素的宽度(width属性)继承父元素

④ 在不单独设置高度的情况下,块级元素的高度(height属性)靠自己的基因(它本身内容的高度)

块级元素从我的理解来说,就是一个大框框,用来框住其它元素不要乱跑乱窜的,只能在一定范围内活动。所以,它通常会用来进来大的结构搭建。

常用的块级元素:

02 行内元素

特点:

① 元素与元素之间会自动排列成一行,遇到空间不够自动换行

② 默认高度和宽度(width、height)属性与它们的内容有关,无内容那么它本身也就是虚无。

③ 行内元素不支持padding、margin的上下调动(它们就是紧挨着不离不弃、除非用外部手部强制拆散它们)

行内元素一般用来修饰点缀内容而用,语义化比较强,用来加强代码的可读性。

常用的行内元素:

03 行内块元素

特点:

从这个名字就可以看出来,它是一个结合体,块级元素和行内元素的结合体。它具备二者共有的一些特点,使用非常频繁。

① 元素具有块级元素的属性(width、height等属性),可以对其直接控制

② 虽然有宽和高,但是他并不会霸道地独占一行,它具有行内元素的“亲情属性”,会自动排列挨在一起。

③ 行内块元素支持padding、margin的上下调动

欢迎大佬提点指正

JQUERY中onclick如何获取点击标签的父节点

可以直接这样写:

$("img").click(function(){

$(this).parent().hide();

});

你试试追问这样如果后面动态添加多了一个相同的DIV就不管用了!!比如我点击某个按钮添加多一个相同的DIV,那么这个添加的DIV貌似就不行了!

本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

Top