`
pipe
  • 浏览: 206950 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery基础入门

阅读更多
1.选择某个元素:
按元素ID:$("#id"),如果id类似这种company.name,则是$("#company\\.name")
按元素css的class:$(".cssclass");
如:<div class="separator"></div> 则是$(".separator")

2.元素的显示与隐藏
$("#obj").show();("#obj").hide();
另外就是$(".hid").toggle(0);表示所有css的class为hid的元素显示或者隐藏。
参数0表示不用动画。1000表示动画一秒。类似。

3.给元素加class
$("#obj").addClass("mouov");表示给元素加上class为mouov的css
$("#obj").removeClass("mouov"));去掉元素的mouov css

4.css隔行换色
$('#tbodys tr:odd').css('background-color','#F1F1F1');     
$('#tbodys tr:even').css('background-color','#FFFFFF');

$("#td").attr("rowSpan", 2);设置指定td的rowSpan=2 同样可以设置coslpan等等。

5.设置disabled,checkbox
$("#obj").attr("disabled",true);
取消disabled $("#obj").removeAttr("disabled");
$("#obj").attr("checked", "true");


6.获取各种元素的值
下面各种元素id均为obj
form里面各种元素:input ,checkbox等等
$("#obj").val();//取值 $("#obj").val("123");赋值123
其他元素div,tr,td等 等 为$("#obj").html();//取值$("#obj").html("123");//赋值


7.table操作
复制 $tr1 =$("#tr").clone();
获取列:$("td:eq(0)",$tr).html("111");//该tr第1列赋值 0表示第一列,以此类推
获取行:$tr1 =$("#tbodys tr:eq(0)");第一行
赋值id: $tr.attr("id", "tr11");
绑定事件:$tr.bind("mouseover",function(){$(this).addClass("mouov")});$tr.bind("mouseout",function(){$(this).removeClass("mouov")});
将tr添加到某表格 $tr.appendTo($table);

先写这些吧,以后再补!






分享到:
评论

相关推荐

    jQuery基础入门pp

    jQuery基础入门pp

    JQUERY基础入门.PPTX

    ### jQuery基础入门知识点详解 #### 一、jQuery简介 ##### 1.1 什么是jQuery? - **起源与发展**:jQuery是由美国人John Resig在2006年创建的一个JavaScript库。随着时间的发展,该项目吸引了很多世界级的...

    jQuery基础入门ppt

    随着JavaScript、CSS、Ajax等技术的不断进步,越来越多的开发者将一个又一个丰富多彩的程序功能进行封装,供其他人可以调用这些封装好的程序组件(框架)

    jQueryAPI和JQuery基础入门ppt都在里面

    解压后里面有jQueryAPI-100214.chm、JQuery基础入门-1.ppt JQuery基础入门-1.ppt只要你看完后保证JQuery Web开发一定会 我就是看JQuery基础入门-1.ppt 入门的,我很喜欢这ppt所以分享给大家。

    Ajax和Jquery基础入门视频(源码和课件)

    这个“Ajax和Jquery基础入门视频”压缩包包含的源码和课件,显然是为了帮助初学者快速掌握这两项技术的精髓。 首先,让我们详细了解一下Ajax。Ajax的核心在于无需刷新整个页面就能实现部分数据的更新,通过...

    JQuery基础入门

    ### JQuery基础入门详解 #### 一、JQuery简介 JQuery是一个开源的JavaScript库,它极大地简化了HTML文档的操作、事件处理、动画效果以及Ajax交互。由美国开发者John Resig于2006年初创立,随后吸引了全球各地的...

    Ajax和Jquery基础入门视频百度云下载 全

    **Ajax和jQuery基础入门视频教程概述** Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换,使网页实现异步更新。Ajax的...

    jQuery基础入门

    jQuery基础入门: jQuery简介 jQuery核心方法及DOM对象 事件与事件对象 jQuery中的Ajax jQuery工具函数

    jquery基础入门教程

    1.第1章 jQuery入门 11.1 jQuery能做什么 11.2 jQuery为什么如此出色 21.3 第一个jQuery文档 31.3.1 下载jQuery 31.3.2 设置HTML文档 41.3.3 编写jQue... 2.第2章 选择符——取得你想要的一切 102.1...

    Jquery从入门到精通

    **jQuery基础** 1. **选择器**: jQuery提供了丰富的选择器,如ID选择器("#id")、类选择器(".class")、元素选择器("tag")等,可以快速定位到页面中的元素。 2. **DOM操作**: jQuery简化了DOM元素的选择、添加、删除...

    jquery入门培训及案例

    **jQuery入门培训及案例** jQuery是一款广泛应用于前端开发的JavaScript库,它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。通过学习jQuery,开发者可以更高效地编写代码,提升网页的交互性和用户体验...

    jQuery入门基础二.ppt

    jQuery入门基础二.ppt

    Jquery从入门到精通及附件下载(一)

    **jQuery入门基础** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。这个教程将引导你从零开始掌握jQuery的基本概念和使用方法。 1. **jQuery的选择器** ...

Global site tag (gtag.js) - Google Analytics