博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
02_jquery_基础选择器
阅读量:4562 次
发布时间:2019-06-08

本文共 980 字,大约阅读时间需要 3 分钟。

1.All Selector("*")

描述:选择所有元素
语法:$("*")
注意:实践证明,由于使用*选择器获取的是全部元素,因此,有些浏览器会比较缓慢,这个选择器也需要慎重使用。

HTML代码

jQuery代码:

$(function(){    $("div *").html("*选择器增加的文本");});

效果:

 

2.Class Selector(".class")

描述:选择给定样式类名的所有元素。
语法:$(".class")

html代码:

jQuery代码:

$(function(){    $(".c1").html("类选择器增加的文本");});

效果:

 

 

3.Element Selector("element");

描述:根据给定(html)标记名称选择所有的元素
语法:$("element");

HTML代码:

   

jQuery代码:

$(function(){  $("span").html("根据给定(html)标记名称进行操作");});

效果:

 

 

4.ID Selector("#id")

描述:选择一个具有给定id属性的单个元素
语法:$("id");

HTML代码:

jQuery代码:

$(function(){    $("#d1").html("通过ID选择器进行的操作");});

效果:

 

 

5.Multiple Selector("selector1,selector2,selectorN")

描述:将每一个选择器匹配到的元素合并后一起返回
语法:$("selector1,selector2,selectorN")

HTML代码:

12345
上山打老虎

jQuery代码:

$(function(){    $("#d1,span,label").html("通过选择器增加的内容");});

效果:

 

转载于:https://www.cnblogs.com/xiaojiujiu1999/p/7813171.html

你可能感兴趣的文章
编程中的那些容易迷糊的小知识
查看>>
Sizzle前奏
查看>>
Paint Chain HDU - 3980(sg)
查看>>
Chales常用操作
查看>>
C++ 运算符重载<<
查看>>
windows镜像
查看>>
Flask 模板语法
查看>>
ZOJ FatMouse' Trade 贪心
查看>>
音乐播放器
查看>>
SQL COOKBOOK (Ch.1-10)
查看>>
创建数组
查看>>
dict使用
查看>>
[转] 移动平台Html5的viewport使用经验
查看>>
ASP.NET MVC的帮助类HtmlHelper和UrlHelper
查看>>
《Python数据科学手册》第五章机器学习的笔记
查看>>
ubuntu16.04 配置爬虫环境
查看>>
Centos7,PHP7安装swoole
查看>>
02_ListActive中响应事件 并LogCat输出
查看>>
doubleclick adx note
查看>>
Celery框架
查看>>