jQuery中element选择器用法实例


Posted in Javascript onDecember 29, 2014

本文实例讲述了jQuery中element选择器用法。分享给大家供大家参考。具体分析如下:

此选择器能够匹配具有指定标签名的元素。例如:

$("div")

以上代码能够选取所有的div元素。
语法结构:
$(element)

参数列表:
参数 描述
element 一个用于搜索的元素。指向DOM节点的标签名。

实例代码:

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8"/>

<meta name="author" content="https://3water.com/" />

<title>元素选择器-三水点靠木</title>

<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>

<script type="text/javascript">

$(document).ready(function(){

  $("span").css("color","green");

})

</script>

</head>

<body>

  <div>jQuery专区</div>

  <div>DIV+CSS专区</div>

  <p>JavaScript专区</p>

  <span>HTML专区</span>

</body>

</html>

以上代码可以将span元素中的字体颜色设置为绿色。

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS 用6N±1法求素数 实例教程
Oct 20 Javascript
JavaScript之自定义类型
May 04 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
JS生成不重复的随机数组的简单实例
Jul 10 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
详解vue-cli中使用rem,vue自适应
May 06 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
May 12 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
vue中如何自定义右键菜单详解
Dec 08 Vue.js
JavaScript中的console.time()函数详细介绍
Dec 29 #Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 #Javascript
JavaScript版的TwoQueues缓存模型
Dec 29 #Javascript
浅谈重写window对象的方法
Dec 29 #Javascript
JavaScript中的console.log()函数详细介绍
Dec 29 #Javascript
深入分析原生JavaScript事件
Dec 29 #Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 #Javascript
You might like
附件名前加网站名
2008/03/23 PHP
php目录操作函数之获取目录与文件的类型
2010/12/29 PHP
php设计模式 Observer(观察者模式)
2011/06/26 PHP
SESSION信息保存在哪个文件目录下以及能够用来保存什么类型的数据
2012/06/17 PHP
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
node.js 使用ejs模板引擎时后缀换成.html
2015/04/22 Javascript
jQuery基于扩展简单实现倒计时功能的方法
2016/05/14 Javascript
全面介绍javascript实用技巧及单竖杠
2016/07/18 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
jQuery EasyUI开发技巧总结
2017/09/26 jQuery
vue router带参数页面刷新或回退参数消失的解决方法
2019/02/27 Javascript
微信小程序利用Canvas绘制图片和竖排文字详解
2019/06/25 Javascript
小程序分页实践之编写可复用分页组件
2019/07/18 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
python线程锁(thread)学习示例
2013/12/04 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
Python中的单行、多行、中文注释方法
2018/07/19 Python
python多线程抽象编程模型详解
2019/03/20 Python
pytorch::Dataloader中的迭代器和生成器应用详解
2020/01/03 Python
失业者真诚求职信范文
2013/12/25 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
电气自动化专业职业规划范文
2014/02/16 职场文书
党员干部公开承诺书
2014/03/26 职场文书
留学经费担保书
2014/05/12 职场文书
今冬明春火灾防控工作方案
2014/05/29 职场文书
英语系本科生求职信
2014/07/15 职场文书
死亡证明书样本说明
2014/10/18 职场文书
小学班主任经验交流材料
2014/12/16 职场文书
在校大学生才艺比赛策划书怎么写?
2019/08/26 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
springboot拦截器无法注入redisTemplate的解决方法
2021/06/27 Java/Android