jquerydiv选择,jquerydiv显示与隐藏

jquery怎么读取div的样式？

一、选取DOM元素

jQuery的核心是通过各种选择器，选中DOM元素，可以用querySelectorAll方法模拟这个功能。

var $ = document.querySelectorAll.bind(document);

这里需要注意的是，querySelectorAll方法返回的是NodeList对象，它很像数组（有数字索引和length属性），但不是数组，不能使用pop、push等数组特有方法。

二、DOM操作

DOM本身就具有很丰富的操作方法，可以取代jQuery提供的操作方法。

尾部追加DOM元素。

// jQuery写法

$(parent).append($(child));

// DOM写法

parent.appendChild(child)

头部插入DOM元素。

// jQuery写法

$(parent).prepend($(child));

// DOM写法

parent.insertBefore(child, parent.childNodes[0])

删除DOM元素。

// jQuery写法

$(child).remove()

// DOM写法

child.parentNode.removeChild(child)

相关问答

Q1: jquery怎么选择某个div下的某一个元素

为div添加id

或者class，我以id为例子。

布局样式：div

id="div的Id"

span文字内容/spanspan/span

/div

目标：获取div中的第二个span

脚本：$("#div的Id

span:eq(1)").事件(funciton(){事假触发后执行的代码});

效果：id为“div的Id”的元素中第二个span被选中。

Q2: jquery如何选中div

修改border样式就可以了

需要结构，以div的class为"bank"为例:

css部分：

.back_active{border:1px solid red;}

jquery部分：

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

if($(this).hasClass("bank_active")) return;

$(".back_active").removeClass("back_active");

$(this).addClass("back_active");

});

Q3: 在jquery里，怎么选择“某个指定id的div下面的第2个子div”?

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

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

2、在index.html中的script标签，输入jquery代码：$('#a').append($('#a div').eq(1).text());。

3、浏览器运行index.html页面，此时成功通过jquery挑选了id为a的div下面的第2个子div并打印了文本。