首页 > 其他分享 >jQuery基本选择器

jQuery基本选择器

时间:2023-01-09 19:31:44浏览次数:45  
标签:jQuery 基本 bfa function click background 选择器 css


id选择器

//选择 id为 one 的元素
$('#btn1').click(function(){
$('#one').css("background","#bfa");
});

.class选择器

//选择 class 为 mini 的所有元素
$('#btn2').click(function(){
$('.mini').css("background","#bfa");
});

element选择器

//选择 元素名是 div 的所有元素
$('#btn3').click(function(){
$('div').css("background","#bfa");
});

*选择器

//选择 所有的元素
$('#btn4').click(function(){
$('*').css("background","#bfa");
});

集合选择器

//选择 所有的span元素和id为two的div元素
$('#btn5').click(function(){
$('span,#two').css("background","#bfa");
});

参考<锋利的jQuery>


标签:jQuery,基本,bfa,function,click,background,选择器,css
From: https://blog.51cto.com/u_15887711/5998754

相关文章

  • NGINX基本编译安装和配置绑定域名或者默认路径页面
    tar-xvfnginx-1.21.4.tar.gzlscdnginx-1.21.4lsyum-yinstallpcrepcre-develyum-yinstallopenssl-devel#也可以去掉-add-module的东西./configure--user=nginx-......
  • 普通家庭网络两台基本千兆路由器组网实现同WiFi名同密码
    普通家庭网络两台基本千兆路由器组网实现同WiFi名同密码准备工作:1.确认家里的两台路由器属于基础入门版路由器,如小米A4,支持IPv6,同时带有5Ghz的频段,不支持mesh组网模式(mes......
  • jQuery判断checkbox是否选中的3种方法
    方法一(建议):if($("#checkbox-id").get(0).checked){//dosomething}感谢豆瓣绿补充:if($("#checkbox-id")[0].checked){//dosomething}方法二(建议):......
  • python利用flux基本读写influxDB
    1、读取QuerApi形式python利用flux语句查询influxdb数据。https://influxdb-client.readthedocs.io/en/latest/api.html#queryapi代码frominfluxdb_clien......
  • JQuery 弹出模态窗口
    index.html<!DOCTYPEhtml><html><head> <!--ContactFormCSSfiles--> <linktype='text/css'href='css/basic.css'rel='stylesheet'media='screen'/></hea......
  • Shell 基本常识
    Shell进入命令行启动shell常用命令系统管理命令处理数据命令Linux基础管理命令用户管理管理文件系统软件包管理系统使用容器管理软件理解shell子s......
  • Apache Kafka 的基本概念
    基本概念主题Topictopic是Kafka最基础的组织单位,类似于关系数据库中的数据表。做为使用kafka的开发者,你最应该考虑的是和topoc相关的抽象。创建不同的topic保......
  • linux 内存管理(一)---基本概念
    最近项目上遇到一个问题,协议栈运行一个多小时后,就会出现延迟几ms的现象,经过反复测试和用ftrace查看,最后确认是在一个多小时候出现了do_mem_abort,然后去调用缺页异常,但是处......
  • Shell 基本运算符
    Shell和其他编程语言一样,支持多种运算符,包括:算数运算符关系运算符布尔运算符字符串运算符文件测试运算符原生bash不支持简单的数学运算,但是可以通过其他命令来实现,例如awk......
  • jQuery
    我们的实例中的所有jQuery函数位于一个documentready函数中:$(document).ready(function(){//开始写jQuery代码...});简洁写法:$(function(){//开始写jQuer......