分享web开发知识

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

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

jquery获取内容和属性的方法

发布时间:2023-09-06 01:40责任编辑:熊小新关键词:暂无标签

  通过jquery如何捕获文本内容和属性?

  text(),html(),val()及attr()。

  attr()更具有普遍性,元素text属性和表单value属性,可以通过attr()操作。

  

<!DOCTYPE html><html><head> ???<title>jquey获取内容和属性</title> ???<script type="text/javascript" src="../jquery.min.js"></script> ???<script type="text/javascript"> ???????// jquery拥有可操作HTML元素和属性的强大方法。 ???????// text()设置或返回所选元素的文本内容 ???????// $(function(){ ???????// ????$(‘#btn1‘).click(function(){ ???????// ????????alert($(‘p‘).text()); ???????// ????}); ???????// ????$(‘#btn2‘).click(function(){ ???????// ????????alert($(‘p‘).html()); ???????// ????}) ???????// }) ???????// html()设置或返回所选元素的内容(包括HTML标记) ???????// 连同html标签一起返回 ???????// val()设置或返回表单字段的值 ???????// 获得输入字段 ???????// $(function(){ ???????// ????$(‘button‘).click(function(){ ???????// ????????alert(‘值:‘+$(‘input‘).val()); ???????// ????}) ???????// }) ???????// attr()获取属性值 ???????$(function(){ ???????????$(‘button‘).click(function(){ ???????????????alert($(‘input‘).attr(‘value‘)); ???????????}) ???????}) ???????// 使用attr同样可以代替val(),如此例,属性value ???????// 此方法是通过属性改变 ???</script></head><body><!-- ????<p>这是段落中的<b>粗体</b>文本。</p> ???????<button id="btn1">显示文本</button> --> ???????<!-- <button id="btn2">显示HTML</button> --> ???????<p>名称:<input type="text" name="" value="菜鸟教程"></p> ???????<button>点击显示</button></body></html>

jquery获取内容和属性的方法

原文地址:https://www.cnblogs.com/LoveMarvin/p/8379743.html

知识推荐

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