jquery 选择器之children与find

children()和find() 两个用于向下遍历 DOM 树的 jQuery 方法

children() 方法返回被选元素的所有直接子元素。

find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。

时间： 2025-01-02 16:00:07

jquery 选择器之children与find的相关文章

jquery选择器之层级选择器

<!DOCTYPE html><html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&q

jquery选择器之ID选择器

<html><head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5px; background-color:

jQuery选择器之表单元素选择器

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" type="text/css&

今天说的是层次选择器,那层次选择器有哪几个? $("ancestor descendant"):选取parent元素后所有的child元素 $("parent > child"):选取parent元素后所有的直属child元素,何谓“直属”,也就是第一级的意思了 $("prev + next"):prev和next是两个同级别的元素. 选中在prev元素后面的next元素 $("prev ~ siblings"):选择p

jQuery选择器之全面总结

选择器是jQuery的根基,在jQuery中,对事件处理,遍历DOM和Ajax操作都依赖于选择器.如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果. jQuery中的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速的找出特定的DOM元素,然后为它们添加相应的行为,而无需担心浏览器是否支持这一选择器. 为了便于记忆和学习,我们把jQuery选择器分为以下几类: 基本选择器层次选择器过滤选择器基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选

jquery选择器之模糊匹配

模糊匹配主要分为前导模糊匹配,后导模糊匹配和全文模糊匹配. 前导模糊匹配[^=] 例子:选择name前缀为aa的所有div的jQuery对象. $("div[name^='aa']") 后导模糊匹配[$=] 例子:选择name后缀为aa的所有div的jQuery对象. $("div[name$='aa']") 全文模糊匹配[*=] 例子:选择name中包含aa的所有div的jQuery对象. $("div[id*='aa']") 全词匹配[=]

jquery选择器之元素选择器

<!DOCTYPE html><html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5

jquery选择器之全选择器

<html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5px; background-color:

jQuery选择器之基本选择器

获得页面各种元素节点 1.$(#id属性值) $('#useremail').css('color','red'); 2. $(tag标签名称) $('h2').css('backgroundColor','pink'); $('input').css('backgroundColor','lightblue'); 3.$(.class属性值) $('.pear').css('fontSize','30px'); 4.$(*) 通配符(获得页面"全部"元素节点对象) $('*').cs