prop方法通常用来影响DOM元素的动态状态,而不是改变的HTML属性。例如:input和button的disabled特性,以及checkbox的checked特性。
8.2 值和内容
①val()方法:
// 作用:设置或返回表单元素的值,例如:input,select,textarea的值 // 获取匹配元素的值,只匹配第一个元素 $(selector).val(); // 设置所有匹配到的元素的值 $(selector).val(“具体值”);
②text() 方法
// 作用:设置或获取匹配元素的文本内容 //获取操作不带参数(注意:这时候会把所有匹配到的元素内容拼接为一个字符串,不同于其他获取操作!) $(selector).text(); //设置操作带参数,参数表示要设置的文本内容 $(selector).text(“我是内容”);
9、尺寸位置操作
9.1 高度和宽度操作
①高度操作height() :
// 作用:设置或获取匹配元素的高度值 //带参数表示设置高度 $(selector).height(200); //不带参数获取高度 $(selector).height();
②宽度操作width() :
// 作用:设置或获取匹配元素的宽度值 //带参数表示设置宽度 //不带参数获取宽度 $(selector).width(200);
css()获取高度和height获取高度的区别?
A:方式一,返回值number类型,例如:30
方式二,返回值string类型,例如:“30px”
区别:方式一常用在参与数学计算的情况。
9.2 坐标值操作
①offset()
// 作用:获取或设置元素相对于文档左上角的位置 // 无参数表示获取,返回值为:{left:num, top:num},值是相对于document的位置 $(selector).offset(); // 有参数表示设置,参数推荐使用数值类型 $(selector).offset({left:100, top: 150});
注意点:设置offset后,如果元素没有定位(默认值:static),则被修改为relative
②scrollTop()
、、作用:获取或者设置元素垂直方向滚动的位置 // 无参数表示获取偏移 $(selector).scrollTop(); // 有参数表示设置偏移,参数为数值类型 $(selector).scrollTop(100);
③scrollLeft()
// 作用:获取或者设置元素水平方向滚动的位置 $(selector).scrollLeft(100);
对scrollTop的理解:
垂直滚动条位置 是可滚动区域 在 可视区域上方的 被隐藏区域的高度。
如果滚动条在最上方没有滚动 或者 当前元素没有出现滚动条,那么这个距离为0
以上这篇jQuery基础知识点总结(DOM操作)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章: