jQuery基本选择器包括 CSS选择器、层级选择器和、表单域选择器。
1.CSS选择器
(1)标签选择器
$("div") $("p") $("table") 等一系列 HTML 标签
(2)ID选择器
<input id="user" type="text">
获取该标记的值:$("#user").val();
(3)类选择器
<input type="text" class="t">
给该文本框添加样式:$(".t").css("border","2px solid blue");
(4)通用选择器
$("*").css("color","red"); //给所有元素设置样式
(5)群组选择器
$("div,span,p .styleClass").css("border","1px solid red"); //对所有div、span 及应用 styleClass 类的 p 元素设置边框属性
2.层级选择器
(1)子元素选择器
$("parent > child");
查找父元素下面的所有子元素,不包括孙元素等。
(2)后代元素选择器
$("ancestor descedant");
查找 ancestor 元素的所有子元素、孙元素、重孙元素等。
(3)紧邻同辈元素选择器
$("prev+next");
同辈,且紧跟在 prev 元素后面的元素 next 元素
(4)相邻同辈元素选择器
$("prev~siblings");
跟在 prev 后且同辈的所有 siblings 元素
3.表单域选择器
(1) :input 选择器
$(":input");
选择所有 input, textarea, select, button 元素。
(2) :text 选择器
$(":text");
选择所有单行文本框 (<input type="text"/>).
(3) :password 选择器
$(":password");
选择所有密码框 (<input type="password"/>).
(4) :radio 选择器
$(":radio");
选择所有单选按钮 (<input type="radio"/>).
(5) :checkbox 选择器
$(":checkbox");
选择所有复选框 (<input type="checkbox"/>).
(6) :file 选择器
$(":file");
选择所有文件域 (<input type="file"/>).
(7) :iamge 选择器
$(":iamge");
选择所有图像域 (<input type="iamge"/>).
(8) :hidden 选择器
$(":hidden");
选择所有隐藏域 (<input type="hidden"/>) 及 所有不可见元素(CSS display 属性值为 none)。
(9) :button 选择器
$(":button");
选择所有按钮 (<input type="button"/>) 和 <button>...</button>
(10) :submit 选择器
$(":submit");
选择所有提交按钮 (<input type="submit"/>) 和 <button>...</button>
(11) :reset 选择器
$(":reset");
选择所有重置按钮 (<input type="reset"/>) 和 <button>...</button>
对于表单域选择器,上述均为获取所有某一类型的元素。获取其中某个元素的值,在下面的实例中体现。该实例的运行效果图和代码如下:
jquery,选择器
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。