`
yanzilee9292
  • 浏览: 531288 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

Jquery对HTML操作

HTMLjQueryJavaScript 
阅读更多

1. 改变HTML元素内容

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("p").html("W3School");
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>

</html>
 

 

2. 在HTML元素后面添加内容

 

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
  $("p").after(" W3School.");
  });
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>

</html>

 

 

 

分享到：
| jquery效果
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery仿Windows系统文件夹目录操作代码.zip

    jQuery仿Windows系统文件夹目录操作代码，来自资源搜索。

    HTML5+CSS3+jquery应用之美

    HTML5、CSS3与jQuery俨然成为了标准Web制作技术的黄金组合。《HTML5+CSS3+jQuery应用之美》由韩国专业视觉设计师倾力奉献其多年商业网站设计与制作的从业经验，通过八大商业案例，以HTML5搭建结构、CSS3设置样式、...

    4jquery对表格表单的操作

    简洁的语法和跨平台的兼容性，极大的简化了javascript开发人员遍历HTML文档、操作DOM、处理事伯、执行动画操作AJAX的操作。 屏蔽浏览器差异，对DOM的操作提供了方便的扩展，易用的事件处理API和动画API数据接口。

    05jquery的样式操作.html

    05jquery的样式操作.html

    jQuery基础.pptx

    HTML元素操作 CSS操作 HTML时间函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX(异步 JavaScript 和 XML。) 2、jQuery优势 目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架，而且提供了...

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料，学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....

    Java Web Jquery表单验证

    jQuery是一个流行的JavaScript库，可用于在网页上进行各种操作，包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分：FrontPage.html、write.html、end.html、style.css。 1、硬件要求：计算机一台 2...

    jQuery计算器带操作记录.zip

    jQuery计算器带操作记录基于jquery-1.8.3.min.js制作，绿色风格，带计算记录结果。

    探析在jQuery框架下操作HTMLDOM元素.pdf

    探析在jQuery框架下操作HTMLDOM元素.pdf

    Jsoup HTML解析器For Java 在Java程序中使用JQuery操作DOM

    Jsoup HTML解析器For Java 在Java程序中使用JQuery操作DOM 模式识别的新技术 狂顶

    jQuery 1.4.1 中文参考

    2.1.2 jQuery(html, [ownerDocument]) 18 2.1.3 jQuery(html, props) 19 2.1.4 jQuery(elements) 20 2.1.5 jQuery() 20 2.1.6 jQuery(callback) 21 2.2 jQuery 对象访问 22 2.2.1 each(callback) 22 2.2.2 size() 23...

    jQuery1.11.0_20140330_jquery_

    jQuery是一个JavaScript函数库。jQuery是一个轻量级的&quot;...jQuery库包含以下功能： HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    101. 打包基于jQuery对图片边框修饰插件示例下载(支持图片阴影效果、顶部banner效果、邮票边框、毛边相框、云朵包围效果) 102. 推荐jquery仿Flash大banner图片切换播放特效,非常完美 103. 推荐jQuery仿新浪QQ绝...

    jquerydemo

    1. 第一个 jQuery 程序 2. jQuery 对象和 DOM 对象 3. 基本选择器 4. 层次选择器 5. 基本过滤选择器 6. 内容过滤选择器 7. 可见性过滤选择器 ...21. CSS DOM 操作 22. 事件处理 23. 动画 24. 实验：品牌展示

    js与jQuery实现获取table中的数据并拼成json字符串操作示例.docx

    该示例涉及到JavaScript和jQuery对HTML页面表格数据的获取、遍历和JSON字符串的拼接相关操作技巧。 在该示例中，我们首先使用JavaScript获取了表格中的tr元素，然后使用getElementsByTagName方法获取了表头的td元素...

    html_jsp_js_jquery_oracle.zip

    html_jsp_js_jquery_oracle.zip中包含HTML.chm Jsp.chm Javascript.chm Jquery.chm Oracle.chm文件

    jquery导入word.docx

    2. 元素操作：jquery提供了多种方式来操作HTML元素，例如：添加、删除、修改元素的属性和内容等。 3. 事件绑定：jquery提供了多种方式来绑定事件，例如：click、mouseover、mouseout等。 三、jquery的事件 jquery...

    jquery分步操作插件step.js

    jquery分步操作插件step.js,代码注释全修改方便，网上基本链接都已经崩掉了，无法访问，幸亏本地有备份文件，这次放上来以供大家使用

    JQuery实现对html结点的操作（创建，添加，删除）.rar

    JQuery实现对html结点的操作（创建，添加，删除）.rar

    JavaScriptJquery考试题.pdf

    本文将对给定的JavaScript/JQuery考试题进行解析，涵盖JavaScript基本概念、JQuery语法、DOM操作、事件处理等多方面的知识点。 1. JavaScript语言的特点： JavaScript是一种基于对象、跨平台、脚本语言，但不需要...

Magicbox
Global site tag (gtag.js) - Google Analytics