jquery基础选择器

jquery的选择器和css类似,在此整理几篇关于jq选择器的用法

  • id选择器
$('#in').css('color','orange');//选取class为in的元素设置css样式
  • 标记选择器,选择所有的h1标记 
$('h1').css('color','pink');//选取所有的h1标记
  • class选择器
 $('.h1').css({'color':'#96AFFF','font-size':'55px'});//选取class为h1的
  • 通配符选择器
    $('*').css({'background-color':'#26AFFF','font-size':'55px'})
  • 群组选择器,选择h1和h3内容加入字体颜色
    $('h1,h3').css({'color':'red'});

附上html部分代码

<h1 id="h1">你好程序员!01
		<h3>我是后代的内容01</h3>
		<h3>我是后代的内容02</h3>
		<h3>我是后代的内容03</h3>
	</h1>
	<h1 class='h1'>你好程序员!02</h1>
	<h1 id="in">你好程序员!03</h1>
	<h3>你好程序员!04</h1>
	<h1>你好程序员!05</h1>
	<h2 class='h1'>你好程序员!06</h1>

这里的基础用法和css的选取方式一致,对于css选择器熟悉的朋友这里使用简直小意思,下面几篇博文我们来详谈jq的高级选择器!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程坑太多

如何开发适配安卓和iOS双平台的React Native应用

14920
来自专栏九彩拼盘的叨叨叨

学习纲要:常见标签和属性

10220
来自专栏marsggbo

这是对position讲解最通俗易懂的版本了。

position 为了制作更多复杂的布局,我们需要讨论下 position 属性。它有一大堆的值,名字还都特抽象,别提有多难记了。让我们先一个个的过一遍,不过你...

27460
来自专栏进步博客

CSS表格布局实践

如何实现上图所示效果:左右两列的列宽由列内最宽单元格的宽度决定,进度条列占据剩余空间。(兼容到IE8就好了)

14430
来自专栏HTML5学堂

轮播图效果,不再局限于JS制作!

HTML5学堂(码匠):网页的轮播图一直都是个比较精美的制作,同时也是用户体验较佳的效果。在开发工程师进行制作的时候往往会选择使用JS来书写,由此不禁会问,难道...

96860
来自专栏腾讯IVWEB团队的专栏

为元素添加边框,你有多少种好办法?

相信大家在做项目的过程中会经常遇到这样的一个需求,鼠标 hover 到某个元素的时候为这个元素添加边框,这个简单的需求仅需注意添加边框后不会对原有的位置造成布局...

20200
来自专栏彭湖湾的编程世界

【CSS/JS】如何实现单行/多行文本溢出的省略(...)--老司机绕过坑道的正确姿势

写前端UI的朋友们也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐藏一个可能过长的文本: 这个文本可能是单行的: ? 也可能是多行的: ? ...

41380
来自专栏熊二哥

Html与CSS快速入门03-CSS基础应用

这部分是html细节知识的学习。 ? ? 边框、填充、对齐和浮动 这部分将主要介绍使用CSS控制整个Web页面的各个方面,通常来说,会使用margin(外部)...

27880
来自专栏前端说吧

CSS3-实现单选框radio的小动画

31530
来自专栏十月梦想

移动端适配之百分比适配

前面简单了了解了一下移动端,包括移动端的设备独立像素,物理像素,渲染像素以及像素比(DPR)等相关知识!接下来简单介绍一个比较简单的移动端适配方案!

18130

扫码关注云+社区

领取腾讯云代金券