jquery 复习基础知识

您还未登录 ! 我的应用登录注册

论坛首页 → Web前端技术版 → JQuery →

jQuery必知必熟基础知识

全部 JavaScript EXT AJAX UI CSS prototype dojo YUI DWR GWT JQuery JavaFX Web综合

甘特图、网络图、日历图、项目管理中间件

浏览 1835 次

主题：jQuery必知必熟基础知识

精华帖 (0) :: 良好帖 (0) :: 新手帖 (3) :: 隐藏帖 (0)

作者
正文

yzz9i
等级: 初级会员
性别:
文章: 3
积分: 50
来自: 湖南

发表时间：2010-12-31

< > 猎头职位: 安徽: 合肥,杭州：高薪诚聘前端开发工程师

推荐圈子: Jquery
更多相关推荐

jQuery
   1.特点:
   小巧
   功能强
   跨浏览器
   插件
   2.使用
    实际是js文件
    a) 复制js到WebRoot
    b) 页面<script src="jquery.js" charset=""></script>
   3.核心对象及常用方法和属性
     a)名称
     jQuery和$
     用$找出来的对象叫jQuery对象
     用document找出来的对象叫Dom对象
     b)dom和jquery对象转换
     jQuery对象.get(0) --->dom对象
     $(dom对象)--->jQuery对象
     c)jQuery对象方法
      .show() 显示
      .hide() 隐藏
      .toggle() 显示或隐藏切换
      $("div").hide();
      $("#myid").show();
      $(".myclass").show(100);
      .size() 找到多少个对象
      var n = $("div").size()
      文本框赋值(value)
      $("#myid").val(123);
      .val()取值
      层的内容.innerHTML/.innerText
      $("div").html() ;
      $("div").html(123);
      $("div").html("<input type=button>");
      $("div").text("<input type=button>");
      样式 document....style.color="red"
      $("div").css("color","red").css("font-size","18");
      $("div").css({color:"red","font-size":18});
      删除
      $("div").remove(); 删除所有div
      添加
      父加子: $("div").append("<input button>");
              $("div").append( $("#myid") );
      子加父
           $("input").appendTo( $("div") );
      对象属性
        $("input").attr("checked",true);
      去首尾空格:
         $.trim(字符串)
$("div").each( function(i,obj){} );
$.post(url,function(x){});
$.post(url,{键:值},function(x){});
$.getJSON(url,function(x){//这里x已转成json了，不要用eval});
      克隆
        $("div").clone();
4. 选择器
    a) 类选择器
       <input type=text class="myclass">
       $(".myclass")     找多个
    b) id选择器
       <input type=text id="myid">
       $("#myid") 找一个
       相当于:document.getElementById("myid")
    c) 标记选择器   找多个
       $("div,span")
       相当于document.getElementsByTagName()
    d) 表单选择器
       $(":text")   所有文本框
       $("input[type=text][value='']")
       $(":radio") 所有单选框
       $(":checkbox") 所有复选框
    e) 表单属性选择器
       $(":checkbox:checked")或$(":checked:checkbox")
       $(":checked") 找所有选中（单选框和复选框)
       $(":selected") 找所有选中列表框
    f) 层级选择器
       父找子 d找c
       $("table").find("tr") //找子孙都可以
       $("table>tbody>tr") 找所有tr
       $("table>tbody>tr:first") 找第一行
       $("table>tbody>tr").eq(0) 找第一行
       $("table>tbody>tr:odd")   所有奇数行
       $("table>tbody>tr:even") 所有偶数行
       子找父
       $("tr").parent()
       找兄弟
       $(a).next() 下一个
       $(b).prev() 上一个

jQuery实例-信息提示jQuery实现.zip (28.5 KB)
下载次数: 248

声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。

推荐链接

返回顶楼

llyzq
等级: 初级会员
性别:
文章: 140
积分: 30
来自: 上海

发表时间：昨天

还行，作为总结、复习的内容是足够了

返回顶楼

回帖地址

0 0 请登录后投票

xiaodatao
等级: 初级会员
性别:
文章: 1
积分: 30
来自: 广州

发表时间：20 小时前

不错，大体上看了一遍，复习了一下Jquery的基础知识！

返回顶楼

回帖地址

0 0 请登录后投票

linux1689
等级: 初级会员
性别:
文章: 114
积分: 0
来自: 北京

发表时间：12 小时前

还是看书系统地学习比较好一些。

返回顶楼

回帖地址

0 0 请登录后投票

stormtoy
等级: 初级会员
性别:
文章: 4
积分: 30
来自: 深圳

发表时间：9 小时前

挺简单明了的

返回顶楼

回帖地址

0 0 请登录后投票

yzz9i
等级: 初级会员
性别:
文章: 3
积分: 50
来自: 湖南

发表时间：8 小时前

谢谢支持... 会继续更新的这些都是必须懂得的！

返回顶楼

回帖地址

0 0 请登录后投票

fooxiaoqiang
等级: 初级会员
性别:
文章: 4
积分: 30
来自: 天津

发表时间：2 小时前

不错，可以复习一下基础知识。好久没用jq了

返回顶楼

回帖地址

0 0 请登录后投票

william_ai
等级: 初级会员
性别:
文章: 45
积分: 70
来自: 杭州

发表时间：2 小时前

jquery 的minified and Gziped版本只有26K，可以接受的大小。

返回顶楼

回帖地址

0 0 请登录后投票

hunan84229247
等级: 初级会员
性别:
文章: 4
积分: 30
来自: 上海

发表时间：29 分钟前

good 啊

返回顶楼

回帖地址

0 0 请登录后投票

论坛首页 → Web前端技术版 → JQuery
跳转论坛:Java编程和Java企业应用 Web前端技术移动编程和手机应用开发 C/C++编程 Ruby编程 Python编程 PHP编程 Flash编程和RIA Microsoft .Net 综合技术软件开发和项目管理行业应用入门讨论招聘求职海阔天空