分享web开发知识

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

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

jquery尺寸和jQuery设置和获取内容方法

发布时间:2023-09-06 01:25责任编辑:郭大石关键词:jQuery

一、jquery尺寸

jQuery 提供多个处理尺寸的重要方法:

width()    设置或返回元素的宽度(不包括内边距、边框或外边距),括号中可填数值宽度参数,无单位

height()   设置或返回元素的高度(不包括内边距、边框或外边距),括号中可填数值高度参数,无单位

innerWidth()     返回元素的宽度(包括内边距)

innerHeight()    返回元素的高度(包括内边距)

 outerWidth()     返回元素的宽度(包括内边距和边框)

 outerHeight()    返回元素的高度(包括内边距和边框)

 outerWidth(true) 返回元素的宽度(包括内边距、边框和外边距)

outerHeight(true)返回元素的高度(包括内边距、边框和外边距)

还可以获取HTML文档和浏览器窗口的宽高:

 $(window).width()    //获取当前浏览器窗口的宽度

 $(window).height()   //获取当前浏览器窗口的高度

 $(document).width()  //获取HTML文档(body)的宽度

 $(document).height() //获取HTML文档(body)的高度

二、jquery的设置和获取方法

text() -  设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() -  设置或返回表单value的值

 

<!DOCTYPE html><html lang="en"><head> ???<meta charset="UTF-8"> ???<meta name="viewport" content="width=device-width, initial-scale=1.0"> ???<meta http-equiv="X-UA-Compatible" content="ie=edge"> ???<title>Document</title></head><body> ???<input ?type="text" value="请输入内容"/> ???<div><a href="##">点我呀</a></div></body></html><script src="js/jquery-1.12.4.min.js"></script><script type="text/javascript"> ???$(‘input‘).val(‘内容被修改了‘); //设置表单的value属性值 ???console.log($(‘input‘).val()); //获取表单的value属性值 ???$(‘div‘).html(‘<a href="###">点击我啊!!!!</a>‘); //设置div标签的内容 ???console.log($(‘div‘).html()); //获取div标签的内容 ???$(‘div‘).text(‘<a href="###">点击我啊!!!!</a>‘); //设置div标签的文本内容 ???console.log($(‘div‘).text()); //获取div标签的文本内容</script> 

二、jQuery设置和获取内容方法

jquery尺寸和jQuery设置和获取内容方法

原文地址:http://www.cnblogs.com/smivico/p/7867880.html

知识推荐

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