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 相关文章推荐
使用JQUERY进行后台页面布局控制DIV实现左右式
Jan 07 Javascript
JS响应鼠标点击实现两个滑块区间拖动效果
Oct 26 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
14 个折磨人的 JavaScript 面试题
Aug 08 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
ES6中的rest参数与扩展运算符详解
Jul 18 Javascript
微信小程序使用Socket的实例
Sep 19 Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 Javascript
详解Vue中使用Echarts的两种方式
Jul 03 Javascript
微信小程序实现下拉框功能
Jul 16 Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 Javascript
微信小程序实现通讯录列表展开收起
Nov 18 Javascript
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
php使用Jpgraph绘制3D饼状图的方法
2015/06/10 PHP
PHP 数组遍历foreach语法结构及实例
2016/06/13 PHP
php使用curl模拟多线程实现批处理功能示例
2019/07/25 PHP
Vagrant(WSL)+PHPStorm+Xdebu 断点调试环境搭建
2019/12/13 PHP
JS焦点图切换,上下翻转
2011/05/12 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
jquery及原生js获取select下拉框选中的值示例
2013/10/25 Javascript
详解jquery中$.ajax方法提交表单
2014/11/03 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
基于jQuery实现歌词滚动版音乐播放器的代码
2016/09/17 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
jQuery+ajax实现修改密码验证功能实例详解
2017/07/06 jQuery
vuejs 单文件组件.vue 文件的使用
2017/07/28 Javascript
详解vue-router 初始化时做了什么
2018/06/11 Javascript
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python中List.count()方法的使用教程
2015/05/20 Python
Python 实现文件的全备份和差异备份详解
2016/12/27 Python
pygame游戏之旅 载入小车图片、更新窗口
2018/11/20 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
ECCO英国官网:丹麦鞋履品牌
2019/09/03 全球购物
碧欧泉Biotherm加拿大官方网站:法国高端护肤品牌
2019/10/18 全球购物
Theflamel意大利:女士奢华服装、鞋子和配件
2020/01/11 全球购物
城市规划毕业生求职信
2013/10/10 职场文书
求职自荐信怎么写
2014/03/06 职场文书
党员公开承诺书范文
2014/03/25 职场文书
工程承包协议书
2014/04/22 职场文书
普通话演讲稿
2014/09/03 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL
MYSQL 的10大经典优化案例场景实战
2021/09/14 MySQL