现在的位置: 首页 > 综合 > 正文

JQuery框架全面分析

2013年02月17日 ⁄ 综合 ⁄ 共 1414字 ⁄ 字号 评论关闭

                                                                                Jquery 框架                                                                              
JQuert 是基于JavaScript语言的框架,这就注定着他在web项目中是相当的好用的。
只需要导入jquery-1.2.6.js 一个文件
Jquery 实现div分层相当漂亮得效果。做js也是相当得漂亮
在实现ajax时,也需导入json包的~!

JQuery-对象:
  筛选器:
    $("元素名") 访问页面上所有改名称的元素对象
    $("#id值")这种方式是获取到指定id的JQuery对象
    $(".class属性名")获取class的值
    $("*")获取所有元素

$("……").html -->返回元素内的html内容,对象.html(var);
$("……").text-->$("……").text(var)
$("……").append();

$("……").empty清空,删除
$("……").remove(var) 删除某一个
$("……").val() 获取值

强大的事件处理

强大的css效果

ajax操作:
$.ajax({
   type:"POST",
   url:"login.action",
   data:"vo.username="+username,
   dataType:"json",
   success:function(msg){//返回的值在msg中,msg.属性名(该属性在action中有set方法才行)得到对应数据
     alert(msg);
   }
})

--------------------------------

<script>
   function testAjax() {
    $.ajax({
     type: "POST",
     url:"jquery.action",
     dataType:"json",
     success:function(msg) {
      alert('msg === ' + msg);
      var selectObj = $("#city");
      selectObj.empty();
      for(i = 0; i < msg.length; i++) {
       selectObj.append("<option value='"+msg[i].id+"'>"+msg[i].name+"</option>");
      }
     }
    });
   }
  </script>

 

------------------------------------------------------------

其他的也真没什么好说的,它的 API 还是相当全面的。

 

推荐大家看:jQuery1.2API.chm        如果朋友们网上找不到,也可以联系我,我会发到你们的邮箱里的。交流是王道

 

 

                                                                                                   -------         共勉

 

抱歉!评论已关闭.