首页
网站首页
公司简介
资讯中心
推荐内容
返回顶部
jQuery图片的展开和收缩实现代码_jquery_脚本之家,常用的选择器介绍_jquery_脚本之家
发布时间:2019-12-28 20:41
浏览次数:

复制代码 代码如下:

开始界面如图:

层次选择器:

动态创建Dom节点

图片 1

复制代码 代码如下:

$;//选取div下的所有的p元素

jQuery中使用$来动态创建Dom节点,并且返回一个jQuery对象,可以调用append等方法将创建的节点添加到Dom中。

图片 2

$.css('border','1px solid red');//只选取div下的直接子元素

例如:

忧伤的小狗 卖萌的小狗 愤怒的小狗 可爱的小猫

//相邻的元素

var link = $("百度");

下面是程序运行时的界面:点击不同的按钮图片是不一样的

$.css('border','1px solid red');与$等价;//表示div后面的

$.append;

所有p兄弟元素

添加节点元素的方法:

$.css('border','1px solid red');//表示div后面的所有兄弟元素

Append方法用来在元素的末尾追加元素

$.css('border','1px solid red');与$等价//这种写法表示div后

jQuery图片的展开和收缩实现代码_jquery_脚本之家,常用的选择器介绍_jquery_脚本之家。Prepend在元素的开始添加元素

只找紧挨着的第一个兄弟元素,并且该元素是p。

After:在元素之后添加元素

获得兄弟元素的方法:

Before:在元素之前添加元素

next(); //当前元素之后的紧邻着的第一个兄弟元素;//当前元素之后的所有兄弟元素

子元素.appendTo:在元素的末尾追加一个子元素

prev();//当前元素之前的紧邻着的兄弟元素;//当前元素之前的所有兄弟元素

子元素.prependTo:在元素的开始追加一个子元素

siblings();//当前元素的所有兄弟元素

A.insertBefore 将A插入到B的前面,等同于B.before;

基本过滤选择器:

X.insertAfter 将X插入到Y的后面,等同于Y.after;

$.first()是等价的。获取所有p元素中的第一个P元素

删除节点:

$.last在所有的p元素中找到索引为2的元素

Empty():清空该元素下的所有子节点

$选取所有奇数的p标签

等同于:while{ele.removeChild;}

$选取所有偶数的p标签

Remove;自杀;删除当前元素,返回值为被删除的元素,可以讲节点删除之后放到其他节点下面,有一个移动的效果,例如:

$;选取所有的不应用.tst这种样式的p元素not后面写一个选择器名称

var lis = $.remove();

$选取所有索引值大于1的p元素

$.append克隆节点,支复制节点,不复制节点

$选取所有索引值小于3的p元素。

Clone:克隆节点带事件

友情链接: 网站地图
Copyright © 2015-2019 http://www.nflfreepicks.net. 新葡萄京娱乐场网址有限公司 版权所有