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-入门知识点详解 #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作,使得网页开发变得更简单、快捷。 - **特点**: - **...
9. **demo** - 这个目录下有各种组件的演示代码,通过查看和学习这些例子,开发者可以快速理解和掌握如何使用EasyUI。 使用jQuery EasyUI 1.2.1,开发者可以轻松实现如下的功能: - 数据表格:显示和操作大量数据,...
博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的CSS是有对应的代码段的。请参考博客 ====> Jqgrid...
jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个压缩包文件“jquery1.2.6-1.7.1测试所...同时,对于学习jQuery的历史发展和进化也是一个宝贵的资源。
6. 示例代码:在提供的“01图文切换-多兼容-简洁代码-jQuery-jcSlider”文件中,可能包含了示例HTML、CSS和JavaScript代码,展示如何实际应用jcSlider。开发者可以通过查看和学习这些代码,了解jcSlider的具体用法和...
总的来说,“jquery-tab-menu_01”提供了一个便捷的解决方案,帮助开发者快速实现一个功能完善的Tab菜单,同时通过源码学习,可以加深对jQuery和前端开发的理解。为了充分利用这个组件,应详细阅读博客文章或提供的...
博客专用: Jqgrid学习笔记__01__初来乍到 很多时候在网上下载一段代码,结果引用的CSS和JS文件不知道从哪里弄,结果上网下载,不是版本不对,就是完全不对。这里的JS是有对应的代码段的。请参考博客 ====> Jqgrid...
startDate: '2020-01-01', endDate: '2023-12-31', format: 'YYYY年MM月DD日', language: 'zh-CN' // 使用中文 }); ``` ### 5. 事件监听 date_input 还允许你监听用户的日期选择行为,例如: - `onSelect`: ...
教程地址:http://www.jongales.com/blog/2011/01/10/google-analytics-and-jquery-mobile/。 8. **AJAX与PHP表单提交**:使用AJAX和PHP处理jQuery Mobile表单数据,提供无刷新的用户体验。详细步骤:...
jQuery是一个非常流行的JavaScript库,它的主要目标是简化HTML文档遍历、事件处理、动画制作和Ajax交互。"jQuery入门"这个主题通常会涵盖以下几个...学习jQuery意味着掌握一套强大的工具集,用于处理常见的前端任务。
Jquery简单的弹出层带遮罩插件本文由梦三秋于2011年01月07日 23:00作成 jquery代码 $("#test1").click(function(){ $('#login').skygqbox(); }); -----------------------------------------------------...
jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....
### jQuery基础教程01知识点详解 #### 一、jQuery简介 - **定义**:jQuery是一款优秀的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **特点**: - 简洁的语法:使得原本复杂的...
如果你手头有名为“texiao2088_1560680839”的压缩包,那里面可能就包含了实现这一功能的具体代码,可以解压后查看学习,以进一步理解其工作原理。记得根据实际项目需求进行调整和优化,确保代码的可维护性和适应性...
**jQuery简介** jQuery是一款强大的JavaScript库,它极大地简化了...在深入学习之前,熟练掌握这些基础知识点对于理解和应用jQuery至关重要。通过实践,你会发现jQuery能够使你的JavaScript代码更加优雅和高效。
其中 `1.[jQuery EasyUI]第1章 jQuery EasyUI入门.exe` 和 `第1章 jQuery EasyUI.pdf` 分别提供了电子书和PDF格式的教程,方便离线学习。 总结,jQuery EasyUI 作为一款强大的前端框架,极大地简化了 Web 开发过程...
标题中的“jquery-仿淘宝双11侧边栏的菜单特效”表明我们将探讨一个使用jQuery实现的、模仿2014年淘宝双十一活动期间侧边栏菜单效果的...对于希望学习或改进网站导航菜单效果的开发者来说,这是一个非常有价值的资源。
这份"ajax_jquery学习ppt"包含了达内培训机构的培训材料,涵盖了这两个技术的详细讲解和实例应用。** **Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下更新部分网页内容的技术。它...
本篇文章记录了Jquery基础学习过程中的Jquery选择器以及核心函数。Jquery选择器:基本元素选择器,层级选择器,过滤选择器,子元素过滤选择器,表单过滤选择器,属性选择器,表单对象过滤选择器。