200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > Jquery------三种选择器(基本选择器 过滤选择器 表单过滤选择器)

Jquery------三种选择器(基本选择器 过滤选择器 表单过滤选择器)

时间:2022-10-02 12:02:19

相关推荐

Jquery------三种选择器(基本选择器 过滤选择器 表单过滤选择器)

一、Jquery选择器基本概念 筛选具有相似特征的元素(比如,改变所有class=" one "的元素样式) 二、基本操作 (一)会写函数入口(否则无法执行函数),函数入口有两种写法: 1. window.οnlοad=function(){ }; 2. $(function( ){ }); 两种入口都可以加载函数,但要注意到两者之间的不同点: *window.οnlοad=function(){};在加载函数的时候只能加载一次 (举个例子:同时加载两个函数的时候,只会加载出最新的一个函数,而另一个函数 就会被覆盖掉) *$(function(){}); 可以同时加载多个函数 (二)会绑定事件,获取元素 $(#id名") .click (function () {代码段 }) 三、选择器的分类 1. 基本选择器 1.1 标签选择器 语法:$(" 标签") 1.2 id选择器 语法:$("#id名") 1.3 类选择器 语法:$(" .类名") 1.4 并集选择器 语法:$("选择器1,选择器二...........") 2. 过滤选择器 2.1 首元素选择器 语法:$("元素名(例如div):first"); 2.2 尾元素选择器 语法:$("元素名(例如p):last"); 2.3 非.......选择器 语法:$("元素名(例如div):not(填id名、类名 )"); 2.4 偶数选择器 语法:$("元素名(例如div): even"); 2.5 奇数选择器 语法:$("元素名(例如 span):odd"); 2.6 等于索引选择器 语法:$("元素名(例如 p):eq(填数字)"); 2.7 大于索引选择器 语法:$(" 元素名(例如div):gt(填数字)"); 2.8 小于索引选择器 语法:$("元素名(例如span):lt(填数字)"); 2.9 标题选择器 语法:$(" : header") 3.表单过滤选择器 1.可用元素选择器 语法 :enabled 例如 $(" input[type='text']:enabled"); 2.不可用元素选择器 语法: disabled 例如 $("input[type='text']:disabled"); 3.复选框选中选择器 语法: checked 例如 $("input[type='checkbox']:checked"); 4.下拉列表选中选择器 语法: selected 例如$("option:selected")

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。