jquery的form表单和尺寸位置的操作

最新推荐文章于 2021-09-07 14:35:19 发布

weixin_34185512

最新推荐文章于 2021-09-07 14:35:19 发布

阅读量506

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/yxmBetter/blog/830063

版权

我整理了一下jquery的form表单和尺寸位置的相关操作使用方法，如下：

// 第一个参数表示：要设置的属性名称
// 第二个参数表示：改属性名称对应的值
$(selector).attr('title', '设置属性');

// 参数为：要获取的属性的名称，改操作会返回指定属性对应的值
$(selector).attr('title');
//此时，返回指定属性的值

// 参数为：要移除的属性的名称
$(selector).removeAttr('title');

select标签里有一个多选属性,multiple 多选:<select id="" size="10" multiple></select>,size定义后可以将数据展示10个,multiple添加后表示可以实现多选。
checked、selected、disabled要使用.prop()方法。
prop方法通常用来影响DOM元素的动态状态，而不是改变的HTML属性。例如：input和button的disabled特性，以及checkbox的checked特性。
prop细节：prop支持的细节

// 获取匹配元素的值，只匹配第一个元素
$(selector).val();
// 设置所有匹配到的元素的值
$(selector).val(“具体值”);

//获取操作不带参数（注意：这时候会把所有匹配到的元素内容拼接为一个字符串，不同于其他获取操作！）
$(selector).text();
//设置操作带参数，参数表示要设置的文本内容
$(selector).text(“我是内容”);

//带参数表示设置高度
$(selector).height(200);
//不带参数获取高度
$(selector).height();

//带参数表示设置宽度
//不带参数获取宽度
$(selector).width(200);

// 无参数表示获取，返回值为：{left:num, top:num}，值是相对于document的位置
$(selector).offset();
// 有参数表示设置，参数推荐使用数值类型
$(selector).offset({left:100, top: 150});

// 获取，返回值为对象：{left:num, top:num}
$(selector).position();

// 无参数表示获取偏移
// 有参数表示设置偏移，参数为数值类型
$(selector).scrollTop(100);

$(selector).scrollLeft(100);

在学完基础的语法后，一定要多看看那些需要注意的点，这些都是可以帮助您更多的理解内容，并提醒您一些容易犯错的点，我整理出来了一些: jquery中form和尺寸位置相关的那些注意点(坑) ,其他的您可以在网上多看看哦。

转载于:https://my.oschina.net/yxmBetter/blog/830063

关注