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实现控制台控件的代码
Sep 04 Javascript
教您去掉ie网页加载进度条的方法
Dec 09 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
Dec 23 Javascript
jquery 无限级下拉菜单的简单实现代码
Feb 21 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
js 声明数组和向数组中添加对象变量的简单实例
Jul 28 Javascript
Jquery on绑定的事件 触发多次实例代码
Dec 08 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
vue内置指令详解
Apr 03 Javascript
node.JS的crypto加密模块使用方法详解(MD5,AES,Hmac,Diffie-Hellman加密)
Feb 06 Javascript
vue组件添加事件@click.native操作
Oct 30 Javascript
javascript数组includes、reduce的基本使用
Jul 02 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
全国FM电台频率大全 - 8 黑龙江省
2020/03/11 无线电
深入PHP内存相关的功能特性详解
2013/06/08 PHP
php 模拟POST提交的2种方法详解
2013/06/17 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
百度地图经纬度转换到腾讯地图/Google 对应的经纬度
2015/08/28 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
php文件操作之文件写入字符串、数组的方法分析
2019/04/15 PHP
PHP使用Http Post请求发送Json对象数据代码解析
2020/07/16 PHP
用js实现table单元格高宽调整,兼容合并单元格(兼容IE6、7、8、FF)实例
2013/06/25 Javascript
jquery队列queue与原生模仿其实现方法分享
2014/03/25 Javascript
理解JS事件循环
2016/01/07 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
jQuery学习笔记之入门
2016/12/14 Javascript
JavaScript实现的超简单计算器功能示例
2017/12/23 Javascript
用Vue.js方法创建模板并使用多个模板合成
2019/06/28 Javascript
vue项目在webpack2实现移动端字体自适配功能
2020/06/02 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
python用字典统计单词或汉字词个数示例
2014/04/22 Python
浅析Python编写函数装饰器
2016/03/18 Python
Python内建函数之raw_input()与input()代码解析
2017/10/26 Python
Django框架模板的使用方法示例
2019/05/25 Python
tensorflow查看ckpt各节点名称实例
2020/01/21 Python
Python之关于类变量的两种赋值区别详解
2020/03/12 Python
详解Python中的编码问题(encoding与decode、str与bytes)
2020/09/30 Python
python自动化发送邮件实例讲解
2021/01/04 Python
PyCharm Ctrl+Shift+F 失灵的简单有效解决操作
2021/01/15 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
DJI大疆无人机官方商城:全球领先的无人飞行器研发和生产商
2016/12/21 全球购物
Europcar葡萄牙:葡萄牙汽车和货车租赁
2017/10/13 全球购物
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
Furla官网:意大利著名的皮革品牌
2019/08/06 全球购物
学习十八届三中全会精神实施方案
2014/02/17 职场文书
2014年初中班主任工作总结
2014/11/08 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
MongoDB数据库的安装步骤
2021/06/18 MongoDB