$(document).ready(function(){}) 这个函数ready相当于 window.onload事件
$(document).ready函数可以被简化为 $
标准的js里面dom模式去获取页面上的元素, 它得到的标准的HTML下的元素标记
使用jQuery来获取页面元素, 它得到的是通过jquery封装后的jQuery对象
转换后的jQuery对象才能正常的去调用jquery函数库中函数和属性
在jquery当中,借用了Css中选择器的做法,从页面中找寻对应的元素,因此称为jQuery选择器
var jqdiv = $("#div1");
alert(jqdiv.html()); //jquery中的html函数相当于js中innerHTML属性
alert(jqdiv.text()) //jquery中的text函数相当于js中innerTEXT属性,但是它只获取文字内容,没有显示效果
那么标准js的dom元素是否可以和jQuery的对象进行转换
标准的jQuery可以简写为$
var jqdiv1 = $(div1); //可以使用简单的jQuery()或者$()函数将已经获取的dom元素直接转换为jQuery对象
alert(div1.html()); //标准的dom元素无法直接调用jquery函数
alert(mydiv.get(2).innerHTML); //使用get(n)函数来把对应的jQuery对象转换为dom元素
alert(mydiv.html()); // 如果得到多个同名的jQuery对象,当调用函数时,默认是调用其中的第一个jQuery对象
alert(mydiv.eq(2).html());
alert(mydiv.eq(-1).html());
eq函数可以获取到jQuery对象中的第N个jQuery对象,其值从0开始正着数;
但是可以用负数来表示倒数,但是倒数是从-1开始
$(document).ready函数可以被简化为 $
标准的js里面dom模式去获取页面上的元素, 它得到的标准的HTML下的元素标记
使用jQuery来获取页面元素, 它得到的是通过jquery封装后的jQuery对象
转换后的jQuery对象才能正常的去调用jquery函数库中函数和属性
在jquery当中,借用了Css中选择器的做法,从页面中找寻对应的元素,因此称为jQuery选择器
var jqdiv = $("#div1");
alert(jqdiv.html()); //jquery中的html函数相当于js中innerHTML属性
alert(jqdiv.text()) //jquery中的text函数相当于js中innerTEXT属性,但是它只获取文字内容,没有显示效果
那么标准js的dom元素是否可以和jQuery的对象进行转换
标准的jQuery可以简写为$
var jqdiv1 = $(div1); //可以使用简单的jQuery()或者$()函数将已经获取的dom元素直接转换为jQuery对象
alert(div1.html()); //标准的dom元素无法直接调用jquery函数
alert(mydiv.get(2).innerHTML); //使用get(n)函数来把对应的jQuery对象转换为dom元素
alert(mydiv.html()); // 如果得到多个同名的jQuery对象,当调用函数时,默认是调用其中的第一个jQuery对象
alert(mydiv.eq(2).html());
alert(mydiv.eq(-1).html());
eq函数可以获取到jQuery对象中的第N个jQuery对象,其值从0开始正着数;
但是可以用负数来表示倒数,但是倒数是从-1开始