分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

jQuery (三)DOM 操作

发布时间:2023-09-06 01:49责任编辑:彭小芳关键词:jQueryDOM

一般jquery在web项目的只要作用就是取值和赋值了。

下面了入门下,这些值得获取。

<!DOCTYPE html><html><head><meta charset="utf-8"> <title>jQuery HTML</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script><script>$(document).ready(function(){ ?//################ ?//输出text ?$("#btn1").click(function(){ ?alert("text=:"+$("*").text()); ???; ?}); ?????//输出html ?$("#btn2").click(function(){ ???alert("text=:"+$("#test").html()); ?}); ???????//输出val ?$("#btn3").click(function(){ ???alert("text=:"+$("#val").val()); ?}); ???????//输出文本框 ?$("#btn4").click(function(){ ???alert("text=:"+$("#val2").val()); ?}); ?????//根据属性获取对象的值 ?$("#btn5").click(function(){ ???alert("type=:"+$("#val").attr("type")); ?});});</script></head><body><p id="test">这是段落中的 <b>粗体</b> 文本。</p> <input type="text" id="val" value="菜鸟"> <textarea id="val2" ></textarea> ?<input type="text" id="val" value="菜鸟"><button id="btn1">显示文本</button><button id="btn2">显示 HTML</button><button id="btn3">显示 val</button><button id="btn4">显示 文本框的值</button><button id="btn5">显示 属性的值</button></body></html>

  

jQuery (三)DOM 操作

原文地址:https://www.cnblogs.com/sunxun/p/8835255.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved