jquery 复习基础知识
您还未登录 ! 我的应用 登录 注册
论坛首页 → Web前端技术版 → JQuery →
jQuery必知必熟基础知识
全部 JavaScript EXT AJAX UI CSS prototype dojo YUI DWR GWT JQuery JavaFX Web综合
甘特图、网络图、日历图、项目管理中间件
浏览 1835 次
主题：jQuery必知必熟基础知识
精华帖 (0) :: 良好帖 (0) :: 新手帖 (3) :: 隐藏帖 (0)
作者
正文
发表时间：2010-12-31
< > 猎头职位: 安徽: 合肥,杭州：高薪诚聘前端开发工程师
相关文章:
CheckBox级联选择 jquery漂亮的按扭控件（源代码共享） jquery简单体验推荐圈子: 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() 上一个
声明：JavaEye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
入学不花1分钱学JavaEE+3G 就业"不做开发不还款" 实用工具推荐，延长电池续航时间
返回顶楼
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 综合技术 软件开发和项目管理 行业应用 入门讨论 招聘求职 海阔天空
© 2003-2010 JavaEye.com. 上海炯耐计算机软件有限公司版权所有 [ 沪ICP备05023328号 ]