`

jQuery学习---01

阅读更多

1.  页面载入调用方法一般有以下几种方式:

页面载入
$(document).ready(callback);
$(document).ready(function() {});
$(function(){});

2.  ${element} 的使用 将一个或多个DOM元素转化为jQuery对象 

     注意是jQuery对象,而不是DOM对象。如果我想得到DOM对象呢?很简单,只需在其后跟一个索引值(如[0])—因为它得到的是一个对象数组,即可得到DOM对象。然后就可以使用innerHTML、innerText等DHTML方法和属性了。

      如:

$(function(){
	$(document.body).css("background","gray");
	$(document.body).html("sssssssssssssssssss");     
	$(document.body)[0].innerHTML+="SSSSSSSSSSSSSS";    //变成DOM对象,只能使用DOM方法
	$("body").html($("body").html()+"<br>vvvvvvvvvvvvvvvvvvvvvvvv");
});
	

3.   选择器 主要包括以下几种:

  基本选择器:   *, class,element, id, selector1, selector2等.
   层级选择器:   ancestor descendant, parent > child, prev + next , prev ~ siblings
  简单选择器:   even, odd, eq[index], last, first等
  内容选择器:   contains[text], empty,  parent, has[selector]等.

  可见性选择器: hidden, visible.
  属性选择器:    [attribute *=value], [attribute =value], [attribute]等
  子元素选择器: first-child, last-child, nth-child(index), only-child.
  表单选择器:    button, checkbox, file, hidden等.
  表单对象属性选择器:  checked, disabled, enabled, selected.

 

 

 

 

 

分享到:
评论

相关推荐

    jQuery01-入门

    ### jQuery01-入门知识点详解 #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使得网页开发变得更简单、快捷。 - **特点**: - **...

    jquery-easyui-1.2.1

    9. **demo** - 这个目录下有各种组件的演示代码,通过查看和学习这些例子,开发者可以快速理解和掌握如何使用EasyUI。 使用jQuery EasyUI 1.2.1,开发者可以轻松实现如下的功能: - 数据表格:显示和操作大量数据,...

    jquery-ui-1.7.1.custom.css 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的CSS是有对应的代码段的。请参考博客 ====&gt; Jqgrid...

    jquery1.2.6-1.7.1测试所需

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个压缩包文件“jquery1.2.6-1.7.1测试所...同时,对于学习jQuery的历史发展和进化也是一个宝贵的资源。

    图文切换-多浏览器兼容-jQuery-jcSlider

    6. 示例代码:在提供的“01图文切换-多兼容-简洁代码-jQuery-jcSlider”文件中,可能包含了示例HTML、CSS和JavaScript代码,展示如何实际应用jcSlider。开发者可以通过查看和学习这些代码,了解jcSlider的具体用法和...

    jquery-tab-menu_01

    总的来说,“jquery-tab-menu_01”提供了一个便捷的解决方案,帮助开发者快速实现一个功能完善的Tab菜单,同时通过源码学习,可以加深对jQuery和前端开发的理解。为了充分利用这个组件,应详细阅读博客文章或提供的...

    jquery-1.5.2.min.js 自家博客专用

    博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====&gt; Jqgrid...

    date_input插件

    startDate: '2020-01-01', endDate: '2023-12-31', format: 'YYYY年MM月DD日', language: 'zh-CN' // 使用中文 }); ``` ### 5. 事件监听 date_input 还允许你监听用户的日期选择行为,例如: - `onSelect`: ...

    软件工程师-经典收藏50个jQueryMobile开发技巧集萃.docx

    教程地址:http://www.jongales.com/blog/2011/01/10/google-analytics-and-jquery-mobile/。 8. **AJAX与PHP表单提交**:使用AJAX和PHP处理jQuery Mobile表单数据,提供无刷新的用户体验。详细步骤:...

    01-jQuery入门.ppt

    jQuery是一个非常流行的JavaScript库,它的主要目标是简化HTML文档遍历、事件处理、动画制作和Ajax交互。"jQuery入门"这个主题通常会涵盖以下几个...学习jQuery意味着掌握一套强大的工具集,用于处理常见的前端任务。

    Jquery简单的弹出层带遮罩插件

    Jquery简单的弹出层带遮罩插件本文由梦三秋于2011年01月07日 23:00作成 jquery代码 $("#test1").click(function(){ $('#login').skygqbox(); }); -----------------------------------------------------...

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....

    jquery基础教程01

    ### jQuery基础教程01知识点详解 #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**: - 简洁的语法:使得原本复杂的...

    jQuery时间选择器点击选择小时分钟代码

    如果你手头有名为“texiao2088_1560680839”的压缩包,那里面可能就包含了实现这一功能的具体代码,可以解压后查看学习,以进一步理解其工作原理。记得根据实际项目需求进行调整和优化,确保代码的可维护性和适应性...

    jQueryJSBasicsHandout01:jQuery简介-100行代码

    **jQuery简介** jQuery是一款强大的JavaScript库,它极大地简化了...在深入学习之前,熟练掌握这些基础知识点对于理解和应用jQuery至关重要。通过实践,你会发现jQuery能够使你的JavaScript代码更加优雅和高效。

    1.[jQuery.EasyUI]第1章.jQuery.EasyUI入门

    其中 `1.[jQuery EasyUI]第1章 jQuery EasyUI入门.exe` 和 `第1章 jQuery EasyUI.pdf` 分别提供了电子书和PDF格式的教程,方便离线学习。 总结,jQuery EasyUI 作为一款强大的前端框架,极大地简化了 Web 开发过程...

    jquery-仿淘宝双11侧边栏的菜单特效(2014-10-31 )

    标题中的“jquery-仿淘宝双11侧边栏的菜单特效”表明我们将探讨一个使用jQuery实现的、模仿2014年淘宝双十一活动期间侧边栏菜单效果的...对于希望学习或改进网站导航菜单效果的开发者来说,这是一个非常有价值的资源。

    ajax_jquery学习ppt

    这份"ajax_jquery学习ppt"包含了达内培训机构的培训材料,涵盖了这两个技术的详细讲解和实例应用。** **Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术。它...

    Jquery01.md

    本篇文章记录了Jquery基础学习过程中的Jquery选择器以及核心函数。Jquery选择器:基本元素选择器,层级选择器,过滤选择器,子元素过滤选择器,表单过滤选择器,属性选择器,表单对象过滤选择器。

Global site tag (gtag.js) - Google Analytics