java046
1 .操作页面元素的属性 A
重点梳理:
1)获得元素对象
var tex=$("#inp1");
2)获得元素对象的属性
var te=tex.attr("type"); var cl =tex.attr("class");
3)获得元素固有的属性值
var val =tex.attr("value"); console.log(te+"------"+cl+"-----"+val);
4)获得文本框实时输入的值
var val2=tex.val(); alert(val2); }
间接获取对象的方式:
1)parent() 获取匹配元素的父节点。
2)Children() 获取匹配元素的所有子节点。
3)next() 获取紧邻的下一个节点。
4)nextAll(selector) 获取匹配节点后面所有满足选择器条件的节点。
5)prev() 获取紧邻的上一个节点。
6)prevAll(selector) 获取匹配节点前面所有满足选择器条件的节点。
代码示例:
<!
2 .操作页面元素的属性 B
操作元素的属性的两种方式
1)attr(“属性名”,”值”);
2)val(值);
3)prop("checked") 的值只能是布尔值,仅用于条件判断。
4)attr("checked") 的值有可能是checked。
5) prop("checked",true) -->将被匹配的元素的checked属性改为true,让其被勾选。
代码示例:
<!
3 .操作页面的文本和值 A
重点梳理:
1)获得div元素对象 <