jQuery基本选择器之标签名选择器
废话不多说了,直接给大家贴代码了,关键代码如下所述:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <style type="text/css"></style> <script type="text/javascript" src="jquery-1.7.1.min.js"></script> <script type="text/javascript"> window.onload=function(){ document.getElementById('btnOk').onclick=function(){ $('div').html('php'); }; }; </script> </head> <body> <div id="div1">div1</div> <hr/> <div>div2</div> <hr/> <input type="button" id='btnOk' value='确定' /> </body> </html>
详细解释:
以上所述是小编给大家介绍的jQuery基本选择器之标签名选择器的相关资料,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对我们网站的支持!
相关推荐
-
jquery基本选择器匹配多个元素的实现方法
如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document &
-
JQuery的常用选择器、过滤器、方法全面介绍
1.jQuery对象转换成DOM对象 a. var $cr = $("#cr"); //jQuery对象 var cr=$cr[0]; //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 b. var $cr=$("#cr"); //jQuery对象 var cr=$cr.get(0); //DOM对象 alert(cr.checked); //检测checkbox是否被选中了 2.DOM对象转换成jQuery对象 var c
-
jQuery选择器中的特殊符号处理方法
一般情况下,在jQuery选择器中,我们很少会用到诸如"."."#"."("."["等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有"#"和"."等特殊字符 那么是如何处理这些个特殊字符的呢? HTML代码: <div id="id.a">aa</div> <d
-
jQuery特殊符号转义的实现
我们在使用jquery选择器的时候 对一些ID属性中有特殊符号的地方需要进行转义. 列举部分如下: <input id="entity.username" type="text" value="hello" /> alert($("#entity\\.username").val()); <input id="entity:username" type="text" v
-
jQuery选择器总结之常用元素查找方法
选择器并没有一个固定的定义,在某种程度上说,jQuery的选择器和样式表中的选择器十分相似.选择器具有如下特点: 1.简化代码的编写 2.隐式迭代 3.无须判断对象是否存在 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $
-
jQuery四种选择器使用及示例
jQuery 元素选择器 jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选取所有 class="intro" 的 <p> 元素. $("p#demo") 选取所有 id="demo" 的 <p> 元素. 示例代码: jquery 部分 $(document).ready(function(){/
-
使用Jquery获取带特殊符号的ID 标签的方法
使用Jquery 如何获取带特殊符号的ID 标签 复制代码 代码如下: $(document.getElementById('ID名称'))
-
jQuery基本选择器之标签名选择器
废话不多说了,直接给大家贴代码了,关键代码如下所述: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <tit
-
jQuery选择器之层次选择器用法实例分析
本文实例讲述了jQuery选择器之层次选择器用法.分享给大家供大家参考,具体如下: 前面一篇介绍了几种基本的jQuery选择器,今天归纳一下jQuery的层次选择器.DOM元素之间的层次关系主要包括元素的子元素.后代元素.相邻元素和兄弟元素等,我们可以通过DOM元素之间的层次关系来获取想要的元素.为了更好的学习,我们先列出一段HTML代码: <body> <div id="one" class="aaa"> id=one,class=aaa的
-
jQuery选择器之基本选择器用法实例分析
本文实例讲述了jQuery选择器之基本选择器用法.分享给大家供大家参考,具体如下: 初学jQuery,为了能系统地学习好jQuery,今天特意把自己的学习心得归纳一下,贴上来与初学者共享,今天我主要总结的是jquery的基本选择器. 基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它主要是通过元素的id.class.标签等来查找HTML中的DOM元素.在网页中每个id只能使用一次,class允许重复使用.在jQuery应用中,可以使用这些基本选择器来完成绝大多数工作,下面我们主要来
-
jQuery选择器之基本选择器与层次选择器
基本选择器 基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id.class和标签名等来查找DOM元素.在网页中,每个id名称只能使用一次,class允许重复使用. 选择器 描述 返回 示例 #id 根据给定的id匹配一个元素 单个元素 $("#test")选取id为test的元素 .class 根据给定的类名匹配元素 集合元素 $(".test")选取所有class为test的元素 e
-
详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件,参考上篇:jQuery插件原来如此简单--jQuery插件的机制及实战).正是jQuery强大的选择器功能,让它很容易上手,吸引了大批的开发者,本文就来介绍一下强大的jQuery选择器. jQuery选择器类型 jQuery选择器主要分为四类: 1.基本选择器 2.层次选择器 3.过滤选择器 4.表
-
jQuery选择器之属性筛选选择器用法详解
在这么多属性选择器中[attr="value"]和[attr*="value"]是最实用的 [attr="value"]能帮我们定位不同类型的元素,特别是表单form元素的操作,比如说input[type="text"],input[type="checkbox"]等 [attr*="value"]能在网站中帮助我们匹配不同类型的文件 <!DOCTYPE html> <
-
基于jQuery选择器之表单对象属性筛选选择器的实例
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" href="imooc.css" rel="external n
-
jQuery选择器之基本过滤选择器用法实例分析
本文实例讲述了jQuery选择器之基本过滤选择器用法.分享给大家供大家参考,具体如下: 前面一篇介绍了层次选择器,今天我们学习一下jQuery的另一种选择器:基本过滤选择器.过滤选择器可以过滤掉自己不想要的东西,也就是说过滤后留下的都是自己需要的.jQuery过滤选择器就是通过特定的过滤规则来筛选出所需的DOM元素,jQuery过滤选择器的过滤规则与CSS伪类选择器语法是相同的都以冒号(:)开头.按照过滤规则的不同,我们通常把jQuery过滤选择器分为:基本过滤.属性过滤.内容过滤.子元素过滤.
-
jQuery UI 实例讲解 - 日期选择器(Datepicker)
默认功能 日期选择器(Datepicker)绑定到一个标准的表单 input 字段上.把焦点移到 input 上(点击或者使用 tab 键),在一个小的覆盖层上打开一个交互日历.选择一个日期,点击页面上的任意地方(输入框即失去焦点),或者点击 Esc 键来关闭.如果选择了一个日期,则反馈显示为 input 的值. <!doctype html> <html lang="en"> <head> <meta charset="utf-8&
-
JQuery的加载和选择器用法简单示例
本文实例讲述了JQuery的加载和选择器用法.分享给大家供大家参考,具体如下: JQuery加载 一般开发中不用原生的JavaScript而是用JQuery,开发效率比较高. 下面程序是原生和JQuery库的比较程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <
随机推荐
- JS前端开发判断是否是手机端并跳转操作(小结)
- 详解vmvare下安装linux RedHat图解(超详细篇)
- php简单数据库操作类的封装
- asp.net与excel互操作实现代码
- Android 快速搭建FTP服务器的方法
- Android实现下拉菜单Spinner效果
- PHP5.3.1 不再支持ISAPI
- PHP多个文件上传到服务器实例
- 切记ajax中要带上AntiForgeryToken防止CSRF攻击
- Ruby入门介绍第1/5页
- 异步的SQL数据库封装详解
- java ExecutorService使用方法详解
- jquery的map与get方法详解
- JavaScript实现的选择排序算法实例分析
- 网页特效从下往上过渡 共享图库_最新图片
- SERV-U 的配置文件详解
- 简介Python的collections模块中defaultdict类型的用法
- Android自定义控件eBook实现翻书效果实例详解
- 实例讲解Java读取一般文本文件和word文档的方法
- php实现当前页面点击下载文件的实例代码