jQuery学习- 内容选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>内容选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //利用:contains获…

a.id选择器 <div id=”test1”></div> var div1=$(“#test1”); //同css的写法一样id选择器用#号实现 div1.css(‘color’,’red’); b.class选择器: <div class=”test2”></div> var div2=$(“.test2”); //同css的写法一样class选择器用.号实现 div2.css(‘colo…

jQuery的内容选择器

JQuery中的内容选择器 JQuery中的内容选择器有四个: :contains(text) 匹配包含给定文本的元素 :empty 匹配所有不包含子元素或者文本的空元素 :has(selector) 匹配含有选择器所匹配的元素的元素 :parent 匹配含有子元素或者文本的元素具体例子如下: <div></div> <div> <span></span> </div> <div>我是一个div</div>…

jquery学习：选择器&dom操作

分类; 1.基本选择器 1.标签选择器(元素选择器) * 语法:$("html标签名”) 获得所有匹配标签名称的元素 2.id选择器 * 语法:$("#id的属性值") 获得与指定id属性值匹配的元素 3.类选择器 * 语法:$(".class的属性值") 获得与指定的class属性值匹配的元素 4.并集选择器: * 语法:$("选择器1,选择器2....") 获得多个选择器选中的所有元素 $(function (){ /…

jquery 学习(一) - 选择器

基本选择器(html) <div>123</div> <div id="n1">123</div> <span>321</span> <div class="n2"><span>ABC</span>123</div> <div>123</div> jquery: // 基本语法: // $(select).action()…

jQuery学习- 子选择器与可见性选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>子选择器与可见性选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //出现在其父元…

jQuery学习- 层叠选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>层叠选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //基准节点 +空格 +目标…

jQuery学习- 位置选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>位置选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //获取第一个li $(&q…

jQuery学习-属性选择器

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>属性选择器</title> <script src="js/jquery.js"></script> <script type="text/javascript"> $(function(){ //选择input标签下类…

jQuery学习-基本选择器

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>基本选择器</title> <script src="js/jquery.js"></script> <style> .astyle{ font-size: 28px; color: red; } .bstyle{ font-size:…