Jquery 入门知识

    1、JQuery的优点:

1)体积小(导入的js文件小的有50多KB,大点的一百多KB);

2)速度快(Js和JQuery 整体的速度相比,JQuery的速度要快于js);

3)屏蔽浏览器之间的差异(例如:js写ajax时要判断一下浏览器);

4)运用广泛有很多插件支持(例如Tree插件);

5)强大的dom搜索功能;

6)支持ajax

2、简述一下常见的几个js框架:

1)domj、prototype:这两个框架比较早,现在用的不多了。

2)extjs:它主要是可以把网页做成像windows 的界面一样,现在用的也不少。

3)dwr(ajax) :主要倾向于ajax,本人用不习惯。

3、js 的几种获取标签的方式:

1)id   document.getElementById();

2)tag   document.getElementByTagName();

3)name document.getElementByName();

4、JQuery的onload事件:

 js写法:

window.onload=helloworld;

function helloworld(){

alert('hello world');
}
Jquery 写法 
$( helloworld);

function helloworld(){

alert('hello world');
}
 
JQuery通常的写法匿名方法 
$(function(){
alert('hello word')
});
 

 5、Jquery 的数组创建和遍历:数组的创建时用中括号“[  ]”,each 方法相当于java中的静态方法,两个参数一个是数组的序号;一个是callback 回调,也就是一个类似java的一个匿名内部类,在里面做操作。 

数组 
var arr=["a","b","c"];
$.each(arr,function(index,value){
alert(index+" "+value);
});

 6、Map的创建和遍历:map的遍历和数组的遍历很像。

map
var map={1:"a",china:"b",3:"c"};
$.each(map,function(key,value){
   alert(key+" "+value);
});

alert(map.china); //当key是字符串时,可以用这中方法获取map的值。key是数 值型的不能这样
alert(map[1]);// 当key是数值型的时候这样获取map的值。
  

 7、创建js 对象:定义三个人的数组,遍历数组打印数组信息。

js对象 
var user={id:1,name:"admin",age:18}//创建一个user对象

var users=[
{id:1,name:"admin",age:18},
{id:2,name:"admin1",age:88},
{id:3,name:"admin2",age:98}
];
$.each(users,function(index,user){
alert(user.id+" "+user.name+" "+user.age);
});

 8、用jquery改变页面的样式:选择器:. class、#id 、element 例子:标签的序号是从0开始

 
$(function(){
$("#a").css("color","red");//id="a" 的标签
$(".b").css("color","green"); class=“b”的标签
$("p").css("color",blue); 标签P的
});

 
Jquery 入门知识
 

$("p:not(:eq(1))").css("color","white");//p标签不等于第二行的样式改为白色。

$("tr:even").css("background-color","red");//tr标签的基数行背景为红色。
$("tr:odd").css("background-color","green");偶数行
$("tr:lt(3)").css("background-color","pink")前三行为粉色

 9、对多个复选框的操作:this当前对象。

 
function selectAll() //复选框全选。
$("input[type=checkbox][name=music]").attr("checked",true);
}

function selectNone(){//
$("input[type=checkbox][name=music]").attr("checked",false);
}
function selectOther(){
$("input[type=checkbox][name=music]").each(function(){
var flag = $(this) .attr("checked"); //获取值和set值都是attr
$(this).attr("checked",!flag);// this 是遍历到当前节点
});
}

 10、这是一个级联选择,有父节点,子节点。

    
Jquery 入门知识
 11、获取评论信息放到下面的li中

Jquery 入门知识
 

12这是对图片的操作:

Jquery 入门知识
 

13.常见的几种表单属性的值的获取和重置:


Jquery 入门知识
 


Jquery 入门知识
 

14、Ajax例子:常见注册页面用户名:是否能用。这是一个和struts整合的需要配置action的。

      这是一个参数的例子。


Jquery 入门知识
 


Jquery 入门知识
15、这是一个请求,返回一个json对象。

 
Jquery 入门知识
 
Jquery 入门知识
 

</div>

相关推荐