博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery - 2
阅读量:5051 次
发布时间:2019-06-12

本文共 1240 字,大约阅读时间需要 4 分钟。

1.操作内容和属性

//获取内容$(selector).html();//设置或者返回所选元素的内容,包括标签$(selector).text();//设置或者返回所选元素的文本内容。$(selector).val();//设置或者返回表单字段的值。//获取属性$(selector).attr(attr,value|callback(index,oldValue));//获取属性值,也可以通过回调函数,其中的参数一个是元素的index,一个是属性初始值。//添加元素append/prepend/after/before$(selector).append("内容");//append&prepend和after&before的区别是,前者是在选中元素内部的最前和最后,后者是在元素外面的前面和后面插入。//删除元素remove/empty$(selector).remove();//删除当前元素以及子元素可接受参数,参数是选择器。$('div').remove('.box');//删除class为box的div的元素$(selector).empty();//删除当前元素的子元素

2.css操作

//addClass/removeClass/toggleClass$(selector).addClass('class名');//其他方法使用方式相同//css()//可以获取css属性,也可以设置,设置的方式可以是一个,也可以是多个。$(selector).css({,,});

3.元素尺寸

4.遍历元素

//祖先查找$(selector).parents()//选择器所有的祖先元素$(selector).parent()//当前元素的直接父元素$(selector1).patentsUtil(selector2)//元素1到元素2之间的所有祖先元素//后代查找$(ele).children()//返回ele的所有直接子元素,可传参$(ele).find()//返回ele的所有子元素,可传参//同胞查找$(ele).siblings('p')//返回ele同胞元素中的p元素$(ele).next()//返回ele跟随的下一个同胞元素$(ele).nextUntil(ele1)//返回ele1和ele之间的所有同胞元素$(ele).nextAll()//返回ele之后跟随的所有同胞元素prev()/prevAll/prevUntil()同上。

5.过滤

$('div').eq(num);//获取第几个div元素$('div').first();//获取第一个div元素 ;last同理$('div').filter('.url')//返回带有url类名的div标签 $('div').not('.url')//返回不带有url类名的div标签

 

转载于:https://www.cnblogs.com/xueyuting/p/7459900.html

你可能感兴趣的文章
使用LINQ取得已选中的CheckBox .
查看>>
感谢青春
查看>>
Jquery Uploadify4.2 falsh 实现上传
查看>>
雨林木风 GHOST_XP SP3 快速装机版YN12.08
查看>>
linux基础-命令
查看>>
java对象的深浅克隆
查看>>
Hadoop流程---从tpch到hive
查看>>
数据结构3——浅谈zkw线段树
查看>>
通过ant调用shell脚本执行adb命令
查看>>
APP接口自动化测试JAVA+TestNG(一)之框架环境搭建
查看>>
php底层--1
查看>>
Servlet生命周期引起的问题
查看>>
关于gulp入门之图片压缩
查看>>
ZOJ 2136 Longest Ordered Subsequence
查看>>
Introduction to my galaxy engine 2: Depth of field
查看>>
shell判断网络主机存活
查看>>
根据时间戳,增量同步数据的解决办法
查看>>
03 SeekBar 音频播放拖拽进度条
查看>>
自定义view实现阻尼效果的加载动画
查看>>
log4net介绍及使用
查看>>