jquery语法(jquery属性选择器)

append 追加的方法：

$("#oDiv").append($("百度"));

html 替代了js中的innerHTML属性 可设置可获取:

    $("#oDiv").html("
标题一
");
    $("#oDiv").html($("百度"));

$(js对象)  作用：转换作用:

                 将一个原生态的jsdom对象转换成jQuery的dom对象
                获取oDiv设置内容

    oDiv 获取标签
    console.log($(document.getElementById("oDiv")).html())

jQuery----->原生态js:

 注意：通过选择器获取的jQuery对象都是以伪数组的形式存储的
         可以通过下标转换成js对象

    var $oDiv = $("#oDiv");
    // 通过下标过去
    console.log($oDiv[0].innerHTML)
    // 第二种方法 通过get方法 下标获取
    console.log($oDiv.get(0).innerHTML)

each(); 遍历数组 对象 对象数组

$----类似java中的类
 $()----类似java中的类的构造方法
$工具中的类方法
 定义数组 var arr=[] var arr=Array();
定义一个数组存储五个名字

var name = ["张三", "里斯", "王五", "蛮子", "小六子"];
				//遍历数组
				$.each(name, function(index, names) {
					//第一种方法
					console.log(index, names);
					//第二种下标
					console.log(name[index])
				})
 
				// 对象的定义{}
				var student = {
					"name": "张三",
					"sex": "男",
					"age": 18
				}
		 	// 遍历对象
				$.each(student, function(name, value) {
			 	console.log(name, value)
				})
				//对象数组的定义
				var students = [{
						"name": "张三",
						"sex": "男",
						"age": 18
					},
					{
						"name": "张三2",
						"sex": "女",
						"age": 19
					}
				]
				//遍历对象数组
				$.each(students, function(index, stu) {
					$.each(stu, function(name, value) {
				 	console.log(name, value)
					})
				})

$工具代码:

                2. trim 去掉两端空格
				var stu = "asd   ";
				console.log($.trim(stu).length)
 
				// 3.type(); 判断值类型
				var st = "asd   ";
				console.log($.type(st)) //返回String
				
				// 4.isArray(); 判断是否是一个数组
				var names = ["张三", "里斯", "王五", "蛮子", "小六子"];
				console.log($.isArray(names)) //返回布尔值类型 
				
				//5.isFunction() 判断是否是一个函数
				console.log($.isFunction(jQuery));
				
				// （6）parseJSON()  将满足json定义的字符串转换成一个对象或者对象数组
				var stu = "["aa","bb","cc"]";
				var stu = '["aa","bb","cc"]';
				console.log($.type(stu))
				// 通过parseJSON转换
				var stuArr = $.parseJSON(stu)
				console.log($.type(stuArr));

jQuery中的加载函数的定义:

    $(document).ready(function(){  
         alert("第一种方法。");   
    });
    $(function(){  
        alert("第二种方法。");  
    }); 

jQuery中的鼠标移入移除事件演示:

	
		
		
		
		
			.odd {
				background-color: #FFFF00;
			}