`

2010.10.04__JQuery总结

阅读更多

1.<table>中可以包含<thead>和<tbody>

2.<th>一般用于存放表头

3.css如果定义了标签则对整个页面有效

4.$("table td")的意思是table中所包含的td表格!

5.在css样式中,可以使用 border-collpse:collpse  来取消单元格之间间隔,让其合并!

6.当th的css样式设置有背景色时候,则th所在的tr行,背景颜色将被覆盖!  

7.$(function(){});是$("document").ready(function(){});的简化写法!

8.$("tbody tr")能够返回tbody中的所有tr节点!

9.$("tbody tr:even")能够返回偶数个个点,odd则为奇数个!(这句话我不是太确定)

10.css方法可以设定css样式和获得css样式的值!    

 

例子:.css("属性名称","属性值")   //属性值里面也可以写   其他设定好的属性值

 

11.JQuery所定义的节点对应DOM节点,以数组形式存放!

12.用get方法可以获得某个节点!          // $("table tr").get(0);

13.JQuery中的this表示当前所进行操作的对象!

14.$()的方法可以获得一个DOM节点并为之转换为JQuery对象,可以进行链式操作!

15.children的方法可以获得某个节点的子节点,可以制定参数来设置子节点的内容!

注:他只是获取子节点,并不获取孙子节点!$('table').children() 得到的是tbody
这个只会查找子元素,不会找子元素的子元素,并且table都会自动带上tbody。所以子元素就是tbody

($('#form1').find("span"))这是一个对象的集合,可以用jQuery的val方法
($('#form1').find("span"))[0]这是对象集合中的第一个对象,只能用js的value属性,而不是jQuery的val方法

16.如果JQuery返回的对象中包含多个DOM节点,在这个对象上注册类似click事件时候,所有的dom节点都会用于此事件!

17.html可以设置或者获取节点的html内容

var text=$("table td");

tdObj.html("");

18.val()在于设置!它有区别去html

19.("如果一个$<"里面是正确的html文本,他可以返回一个DOM节点">")并包装成JQuery对象!

例子:$("<input type='text' >")              //可以对其进行直接链式操作,因为它返回的是JQuery对象!

20.

21.width可以设置或者获取某个节点的宽度!

例子:$("<input type='text' >").width(tdObj.width())

22.appendTo方法可以将一个节点追加到另外一个节点之后!

23.阻止事件的传递可以使时间return false;

24.trigger的方法可以触发js的事件

DOM节点.trigger("onfocus").select();

25.JQuery对象的event对象上有一个which的属性可以获得键盘的键值!

例子:$().keyup(function(event){

     var  keycode=event.witch;

   if(keycode == 13){

   所触发的事件!

}

});

 

分享到:
评论

相关推荐

    jq版本大全

    ### jq (jQuery) 版本大全 #### 一、简介 jQuery 是一款快速、小巧的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等操作,使得开发者能够更加轻松地编写出优雅的 JavaScript 代码...

    jQuery+in+Action,2nd(2010.6), with source code

    10. **最佳实践**:书中总结了jQuery开发的最佳实践,如模块化开发、代码组织结构、调试技巧等,有助于提升开发效率和代码质量。 通过阅读《jQuery in Action, 2nd Edition》并结合提供的源码,开发者不仅可以掌握...

    Teigha 各版本使用汇总

    Teigha.NET 3.03.9、Teigha.NET 3.09.10、Teigha.NET 4.00.10、DWGdirect3.02.8网上流传的几个版本使用汇总及资源。汇总总结了在c# VS2010下各种测试使用情况,分别列举WebApp 和windows app引用条件。

    jQuery纯静态页面分页(带数据库)

    总结来说,使用jQuery实现静态页面分页涉及客户端与服务器端的协同工作,包括用户交互处理、Ajax请求、JSON数据交换以及DOM操作。结合Visual Studio和SQL Server,可以构建一个高效、友好的分页系统。虽然这个例子...

    Pro PHP and jQuery

    第一版(2010年6月) - **语言**:英语 - **ISBN-10**:1430228474 - **ISBN-13**:978-1430228479 #### 二、书籍目标读者与定位 本书主要面向中级程序员,他们对构建使用jQuery和PHP技术栈的Ajax Web应用程序感...

    jquery实现的时间轴动画效果

    总结起来,实现jQuery的时间轴动画效果涉及以下几个步骤: 1. 创建HTML结构,包括时间轴容器和事件标记。 2. 设计CSS样式以美化时间轴和事件元素。 3. 使用jQuery的`.animate()`方法为事件添加动画效果。 4. 可选:...

    基于 J2EE 平台 Spring MVC 框架开发的金色家园网家居项目+任务书.pdf

    电脑知识与技术,2010,10:2404-2405. - [9] 戴楠,闫明星. 用 SVN 实现软件的版本控制 [J]. 电脑知识与技术,2009,16:4289-4290+4293. - [10]陈斌. 基于 Ajax 框架的企业级 J2EE Web 应用设计与研究[D].华东师范大学,...

    TabControl--js+css实现静态选项卡效果

    padding: 10px; text-decoration: none; } .tab-content { display: none; } /* 显示第一个选项卡的内容 */ #tab1 { display: block; } ``` 然后,我们利用JavaScript来添加交互性。当用户点击一个选项卡时,...

    IE10与VS2010的ListView兼容调试代码

    总结,解决IE10与VS2010 ListView的兼容性问题,需要开发者对CSS、JavaScript以及ASP.NET有深入理解。通过检查和调整样式、脚本代码,以及利用现代Web开发的最佳实践,可以有效地解决这个问题,确保应用在各种浏览器...

    网上花店系统

    总结起来,"网上花店系统"是一个全面的电子商务解决方案,涵盖了从商品展示到支付结算的整个购物流程,其背后涉及了多种技术和工具,如ASP.NET开发、数据库设计、前端交互以及安全策略等。利用Visual Studio 2010...

    MVC3安装包

    2. **Unobtrusive JavaScript**:MVC3支持无侵入式JavaScript,使得JavaScript和jQuery的使用更加灵活。这有助于保持前端代码的整洁,提高可维护性。 3. **改进的验证**:MVC3提供了更强大的数据验证功能,包括...

    asp.net 企业网站

    使用CSS和JavaScript库(如jQuery)提升用户体验,实现页面动态加载、表单验证、AJAX调用等功能。 9. **性能与可伸缩性** ASP.NET提供了缓存机制、HTTP模块和处理程序以及对负载均衡的支持,以应对高并发访问和大...

    316蓝色千博2010网站系统蓝色正式商业版(经过测试验证)

    总结起来,316蓝色千博2010网站系统是一个全面的商业级网站解决方案,集成了多种技术和功能,旨在为企业和个人提供便捷、安全的建站工具,同时也适合作为学习和实践的平台。通过深入理解和掌握这个系统,开发者可以...

    工科男如何写好一份技术岗位的简历?

    中国象棋(JavaSE) 2010/10至2011/6主要包括 内核、多角色联网对战、全局残局打谱、装载演示、人机对弈、扩展应用 六个模块。 简而言之,某段时间内自己参与了哪个项目,用到了哪些技术,自己所负责的是哪些模块。...

Global site tag (gtag.js) - Google Analytics