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 相关文章推荐
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
Javascript闭包实例详解
Nov 29 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
使用travis-ci如何持续部署node.js应用详解
Jul 30 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
Sep 14 Javascript
小程序日历控件使用方法详解
Dec 29 Javascript
JS事件绑定的常用方式实例总结
Mar 02 Javascript
javascript实现移动端红包雨页面
Jun 23 Javascript
Antd下拉选择,自动匹配功能的实现
Oct 24 Javascript
JavaScript canvas实现雨滴特效
Jan 10 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:风雨欲来 路在何方?
2006/10/09 PHP
如何把PHP转成EXE文件
2006/10/09 PHP
php获取网站百度快照日期的方法
2015/07/29 PHP
PHP+MySQL实现无极限分类栏目的方法
2015/12/23 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
PHP通过get方法获得form表单数据方法总结
2018/09/12 PHP
php进程(线程)通信基础之System V共享内存简单实例分析
2019/11/09 PHP
jQuery 绑定事件到动态创建的元素上的方法实例
2013/08/18 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
浮动的div自适应居中显示的js代码
2013/12/23 Javascript
使用jquery+CSS实现控制打印样式
2014/12/31 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
AngularJS中$interval的用法详解
2016/02/02 Javascript
AngularJs  E2E Testing 详解
2016/09/02 Javascript
JS实现为动态添加的元素增加事件功能示例【基于事件委托】
2018/03/21 Javascript
微信小程序调用微信支付接口的实现方法
2019/04/29 Javascript
js实现拖动缓动效果
2020/01/13 Javascript
基于原生js实现判断元素是否有指定class名
2020/07/11 Javascript
vue-cli3 引入 font-awesome的操作
2020/08/11 Javascript
python制作websocket服务器实例分享
2016/11/20 Python
caffe binaryproto 与 npy相互转换的实例讲解
2018/07/09 Python
Pycharm无法显示动态图片的解决方法
2018/10/28 Python
Python3 实现串口两进程同时读写
2019/06/12 Python
使用keras实现孪生网络中的权值共享教程
2020/06/11 Python
appium+python自动化配置(adk、jdk、node.js)
2020/11/17 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
深入CSS3 动画效果的总结详解
2013/05/09 HTML / CSS
CSS3哪些新特性值得称赞
2016/03/02 HTML / CSS
video下autoplay属性无效的解决方法(添加muted属性)
2020/05/19 HTML / CSS
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
越南综合购物网站:Lazada越南
2019/06/10 全球购物
JSF的标签库有哪些
2012/04/27 面试题
幼儿园教学管理制度
2014/02/04 职场文书
优秀团队申报材料
2014/12/26 职场文书
pycharm 如何查看某一函数源码的快捷键
2021/05/12 Python
Java8利用Stream对列表进行去除重复的方法详解
2022/04/14 Java/Android