商城网站前台html,电子工程网,wordpress 完美搬家,做网站需要招什么jquery选择器
jquery用法思想 选择某个网页元素#xff0c;然后对它进行某种操作
jquery选择器 jquery选择器可以快速地选择元素#xff0c;选择规则和css样式相同
基础选择器
//通过id来获取元素 document.getElementById();
// $(#logo).css(border,solid 2px red);
//…jquery选择器
jquery用法思想 选择某个网页元素然后对它进行某种操作
jquery选择器 jquery选择器可以快速地选择元素选择规则和css样式相同
基础选择器
//通过id来获取元素 document.getElementById();
// $(#logo).css(border,solid 2px red);
//通过标签名来获取元素
// $(li).css(background,#369);
//通过class类名获取元素
// $(.w).css(background,#369);
//逗号 并列获取
// $(#logo,#menu).css(background,#369);
//空格 层级获取
// $(#images li).css(background,#369);过滤获取
//获取第一个和最后一个元素
// $(li:first).css(background,#369);
// $(li:last).css(background,#369);
//获取指定索引的元素 索引从0开始
// $(li:eq(7)).css(background,#369);
// $(li).eq(7).css(background,#369);
//获取包含指定文本的元素
// $(li:contains(国)).css(background,#369);
//通过包含指定属性来获取元素 通过属性来获取
// $(li[namey]).css(background,#369);父子关系获取
//获取所有的子元素
// $(#images).children().css(background,#369);
//获取第一个子元素
// $(ul li:first-child).css(background,#369);
//获取最后一个子元素
// $(ul li:last-child).css(background,#369);
//获取指定索引的子元素 索引从1开始
// $(ul li:nth-child(3)).css(background,#369);//获取元素上一个同级元素
// $(#f).prev().css(background,#369);
//获取元素下一个同级元素
// $(#f).next().css(background,#369);
//获取同辈元素 (同辈元素不包含自己)
// $(#f).siblings().css(background,#369);//获取父级元素
// $(#f).parent().css(background,#369);
//获取先辈级元素
// $(#f).parents(#all).css(border,solid 1px red);//在父级元素中查找指定的子元素
$(#images).find(.w).css(background,#369);