jquery使用、遍历元素
2017-12-09 15:26
183 查看
首先使用注意:
别忘记写入口函数!
parent() 方法
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
parents() 方法
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (< html >)。
children() 方法
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。
find() 方法
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。必须指定参数。
siblings() 方法
siblings() 方法返回被选元素的所有同胞元素。
next() 方法
next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。
toggle()方法
使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素。
别忘记写入口函数!
$(document).ready(function(){ //代码 }); //或者简写如下 $(function(){ //代码 });
parent() 方法
$(document).ready(function(){ $("span").parent(); });
parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
parents() 方法
$(document).ready(function(){ $("span").parents(); });
parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (< html >)。
children() 方法
$(document).ready(function(){ $("div").children(); });
children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对 DOM 树进行遍历。
find() 方法
$(document).ready(function(){ $("div").find("span"); });
find() 方法返回被选元素的后代元素,一路向下直到最后一个后代。必须指定参数。
siblings() 方法
$(document).ready(function(){ $("h2").siblings(); });
siblings() 方法返回被选元素的所有同胞元素。
next() 方法
$(document).ready(function(){ $("h2").next(); });
next() 方法返回被选元素的下一个同胞元素。该方法只返回一个元素。
toggle()方法
$("button").click(function(){ $("p").toggle(); });
使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素。
相关文章推荐
- jquery使用each方法遍历元素
- 【JQuery】使用each()方法遍历元素
- jquery 使用each 遍历标签元素,修改标签内容
- JQuery中使用.each()遍历元素学习笔记
- JQuery中使用.each()遍历元素学习笔记
- 【jQuery】使用each()方法遍历元素
- 使用jquery获取父元素或父节点的方法
- jQuery使用正则表达式替换dom元素标签用法示例
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- 使用jQuery对js对象和数组的遍历以及序列化
- 夺命雷公狗jquery---50获取div元素并且通过each方法遍历
- 使用jquery获取父元素或父节点的方法
- jquery之修改元素样式(添加和删除类名称,使用addClass(),removeClass(),toggleClass()方法)
- jsp 中使用jQuery或者js遍历json数据
- jquery之修改元素样式(获取和设置样式,使用css(),width(),height()方法)
- jQuery基础教程之遍历节点siblings()方法使用说明
- jquery之设置元素内容(替换HTML或文本内容,使用html()和text()方法)
- 使用jQuery内容过滤选择器选择元素实例讲解
- jquery之处理表单元素值(使用val()方法)
- jquery移除、绑定、触发元素事件使用示例详解