JQuery中的选择器

2021-03-11 16:27

阅读:544

标签:标签   通配符   一个   文档加载   span   第一个   lan   news   check   

JQuery中的选择器

让我们能够更加精确找到我们要操作的元素

基本选择器

  • ID选择器 : #ID的名称
  • 类选择器: 以 . 开头 .类名
  • 元素选择器: 标签的名称
  • 通配符选择器: *
  • 选择器,选择器: 选择器1,选择器2

基本选择器的案例

	
		

JQ中的层级选择器

  • 子元素选择器: 选择器1 > 选择器2
  • 后代选择器: 选择器1 儿孙
  • 相邻兄弟选择器 : 选择器1 + 选择器2 : 找出紧挨着的一个弟弟
  • 找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟

JQ中的基本过滤器

格式: div:first

		

JQ中的属性选择器

		$(function(){
				//找到有name属性的input
				$("#btn1").click(function(){
					$("input[name]").attr("checked",true);
				});
				$("#btn2").click(function(){
					$("input[name=‘accept‘]").attr("checked",true);
				});
				$("#btn3").click(function(){
					$("input[name=‘newsletter‘][value=‘Hot Fuzz‘]").attr("checked",true);
				});
			});

JQ中的表单过滤器

JQuery中的选择器

标签:标签   通配符   一个   文档加载   span   第一个   lan   news   check   

原文地址:https://www.cnblogs.com/zllk/p/12834016.html


评论


亲,登录后才可以留言!