【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 对象在浏览器中显示出来