【JavaWeb-jQuery】笔记(2)--- jQuery 函数精讲
第一组函数:
1、val:
- 操作 DOM 数组中的对象的 value 属性
$(选择器).val();//无参数调用形式, 读取数组中第一个 DOM 对象的 value 属性值
$(选择器).val(值);//有参形式调用;对数组中所有 DOM 对象的 value 属性值进行统一赋值
2、text:
- 操作数组中所有 DOM 对象的【文字显示内容属性】
$(选择器).text();//无参数调用,读取数组中所有 DOM 对象的文字显示内容,将得到内容拼接为一个字符串返回
$(选择器).text(值);//有参数方式,对数组中所有 DOM 对象的文字显示内容进行统一赋值
3、attr:
- 可以对 DOM 对象的 value,文字显示内容之外的其他属性进行操作
$(选择器).attr(“属性名”);//根据”属性名“获取 DOM 数组中第一个 DOM 对象的属性值
$(选择器).attr(“属性名”,“值”);//根据”属性名“对数组中所有 DOM 对象的属性重新赋值
代码练习:
函数练习
你好,我是喜羊羊
你好,我是灰太狼
第二组函数:
1、remove:
$(选择器).remove();//将数组中所有 DOM 对象及其子对象一并删除
2、empty:
$(选择器).empty();//将数组中所有 DOM 对象的子对象删除
3、append:
- 为数组中所有 DOM 对象添加子对象
$(选择器).append("我动态添加的 div");
4、html:
- 设置或返回被选元素的内容(innerHTML)
$(选择器).html();//无参数调用方法,获取 DOM 数组中第一个元素的内容
$(选择器).html(值);//有参数调用,用于设置 DOM 数组中所有元素的内容
5、each:
- each 可以对 数组,json 或 dom 数组等进行遍历,对每个元素调用一次函数($.each中的参数)
- $ 相当于是 java 的一个类名。each 就是类中的静态方法,静态方法调用,可以使用 【类名.方法名称 】的方式调用
-
index: 数组的下标(json中的“key”也可以看作为下标)
-
element: 数组的对象
$.each( 要遍历的对象, function(index,element) { 处理程序 } );//语法 1
jQuery 对象.each( function( index, element ) { 处理程序 } );//语法 2
练习代码:
函数练习2
我是GG棒!!!
随笔:
1、hide:
$(选择器).hide();//将数组中所有 DOM 对象隐藏起来
2、show:
$(选择器).show();//将数组中所有 DOM 对象在浏览器中显示出来