jquery的基本选择器

关于基本选择器包括 “*” ,“.class”,"element","#id","selector1 selementN" "*" 选择器,可以找到文档中的所有的元素,包括 head body

$(function(){    // $("#test").find("*").css("border","3px solid red");             //找到 #test 这个元素下面的所有的 元素 //});

".class" 选择给定样式类名的所有的元素。

//$(function(){    //$(".myclass").css("background-color","red");        找到带有 .myclass 这个选择器的所有的 元素//})

“element”根据标记名称选择所有的元素。

//$(function(){    $(".biaoq div").css("background-color","yellow");    $(".biaoq span").css("background-color","green");    找到带有 .biaoq这个选择器的所有的下面div 元素    找到带有 .biaoq这个选择器的所有的下面span元素})

“#id”选择一个具有给定id 属性的单个元素。

//$(function(){    $("#myid").css("background-color","red");    找到带有 #myclass 这个选择器的所有的 元素//})

"selector1 selementN" 将每个选择器匹配到的元素合并后返回

// $(function(){     $(".jh div, .jh .myclass").css("border","3px solid red");     //找到的是一个集合,没找一组的时候 注意些的时候要用逗号隔开。 //})

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏WebDeveloper

使用css3属性处理单词的换行和断词

21230
来自专栏JavaEE

jQuery入门前言

上次说到了JavaScript,对其有一定了解,本文就来说说jQuery。jQuery就是一个由JavaScript编写的轻量库,简单的说就是封装了一些Java...

10330
来自专栏互联网开发者交流社区

JS总结

16740
来自专栏Ryan Miao

java变量的加载顺序

学习编程思想 1 package com.test.java.classs; 2 3 /** 4 * Created by Administrato...

26290
来自专栏Python

Django比较相等或者不相等的模板语法ifequal / ifnotequal

ifequal / ifnotequal      在模板语言里比较两个值并且在他们一致的时候显示一些内容,Django提供了 ifequal 和 ifnote...

33460
来自专栏微信小程序开发

理解jquery的$.extend & $.fn.extend用法

jQuery为开发插件提拱了两个方法,分别是: 1、jQuery.fn.extend(); //dom方法 2、jQuery.extend(); // 工具...

34390
来自专栏Java帮帮-微信公众号-技术文章全总结

JavaWeb04-jQuery(Java真正的全栈开发)

? jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客...

37190
来自专栏栗霖积跬步之旅

1.react的基础知识

React 的基础之:JSX 语法 react 使用 JSX 语法,js 代码中可以写 HTML 代码。 let myTitle = <h1>Hello, Wo...

28860
来自专栏积累沉淀

JavaScript DOM操作表格及样式

一.操作表格 <table>标签是HTML中结构最为复杂的一个,可以通过DOM来创建生成它(比较麻烦),或者HTML DOM来操作它。 //需要操作的table...

251100
来自专栏phodal

WebStorm重构快捷键

JavaScript重构 结合 快捷键 是真正的神器。 ? 按下Command + Option + Shift + T,会有重构的菜单出现 ? 重构之前...

55550

扫码关注云+社区

领取腾讯云代金券