`

jquery基础教程笔记

阅读更多
css选择符
$('#id > li').addClass('none');   // > 子元素
$('#id li:not(.none)').addClass('not-none');    // :not选择符
XPath选择符
$('a[@title]')     //所有带title属性的链接
$('div[ol]')       //取包含一个ol元素的所有div
^ 开始  $结尾  *任意位置
$('a[@href^="mailto:"]'.addClass('mailto');
$('a[@href$=".pdf"]'.addClass('pdflink');
$('a[@href*="mysite.com"]').addClass('mysite');
自定义选择符
$('div.myclass:eq(1)')      //从带有myclass类的div集合中选择第二个项
js从0开始,css从1开始
:odd奇数   :even偶数
$('tr:odd').addClass('odd');  ===  $('tr').filter(':odd').addClass('odd');
$('tr:even').addClass('even');
$('td:contains("Henry")').addClass('highlight');
.parent() 取父元素      .next() 取后一个元素    .siblings() 取兄弟元素   .end() 结束上一次查询
.get(index) 取DOM元素     $('#myid').get(0)  ===  $('#myid')[0]
事件
绑定事件:
$('#myid').bind('click',function(){});   ===  $('myid').click(function(){});
.toggle()单击交替事件
两个函数参数,函数交替执行
.toggleClass('#myclass')
如果存在(不存在)就删除(添加)一个类
.hover()突出显示鼠标指针下方的页面元素
event.target保存发生事件的目标元素
event.stopPropagation()阻止事件冒泡
.preventDefault()在触发默认操作之前终止事件
解除绑定事件
$('#myclass').unbind('click',f);
.trigger() 模拟事件的操作
$('#myclass').trigger('click');   ===$('#myclass').click();
.show()  可以指示显示速度
slow 0.6秒   normal 0.4秒  fast 0.2秒  .show(1000) 1秒
淡入淡出
.fadeIn('slow')  逐渐增大不透明度
.faseOut()       逐渐减少不透明度
.animate创建自定义动画
4个参数:
样式属性及值的映射
速度
缓动类型
回调函数
.each() 方法 类似迭代器
index属性
.insertBefore()和.before()
将元素插入到其他元素前面
.insertAfter()和.after()
向其他元素后面插入元素
.clone()
复制元素  $('div.chapter p:eq(0)').clone().insertBefore('div.chapter');
设置参数false只复制匹配的元素,而不复制匹配的子元素
匹配元素中插入新元素
.append()
.appendTo()
.prepend()
.prependTo()
匹配的元素外部插入新元素
.wrap()
移除匹配的元素
.empty()
从文档中移除每个匹配的元素及后代元素,但不实际删除它们
.remove()
分享到:
评论

相关推荐

    jQuery基础教程笔记jQuery基础教程笔记

    jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记jQuery基础教程笔记

    jQuery基础教程笔记适合js新手第1/2页

    这些是jQuery基础教程中的一些关键点,对于JS新手来说,理解和掌握这些概念将有助于更好地利用jQuery进行网页开发。通过实践和不断学习,你可以更熟练地运用jQuery来提升网页交互性和用户体验。

    jQuery官方基础教程笔记

    Rebecca Murphey的《jQuery基础教程》是一本优秀的入门教材,已被jQuery官方认可。通过深入学习和实践,开发者可以快速掌握jQuery的主要功能,即使不涉及Ajax和插件开发,也能在网页开发中游刃有余。

    笔记_Jquery基础教程(第二版).pdf

    笔记_Jquery基础教程(第二版)

    jquery完全笔记 带目录 高清 经典前端js笔记 前端必看

    ### jQuery完全笔记知识点概述 #### 1. jQuery概述 jQuery是一个快速、小型且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互。通过使用jQuery,可以更方便地在网页中操作文档对象、选择...

    javascript and jquery学习笔记与资料

    这里,我们有针对这两个主题的学习笔记和参考资料,包括JavaScript培训、jQuery API、JavaScript基础、函数详解以及jQuery使用手册等内容。让我们逐一探讨这些知识点。 首先,`JavaScript培训.zip`可能包含的是对...

    jquery 教程 ajax 资料 txt 学习笔记

    ### 一、jQuery 基础 1. **选择器**:jQuery 提供了一种简单的方式来选择页面中的元素。例如: - `$()`:这是 jQuery 的核心函数,用于初始化一个 jQuery 对象。可以传入 CSS 选择器或 HTML 字符串来创建新的元素...

    jquery学习笔记.rar

    这一部分的学习将为你构建坚实的jQuery基础。 接着,"jQ学习第二季(1).rar"与"jQ学习第二季(2).rar"、"jQ学习第二季(3).rar"可能深入讲解jQuery的事件处理和动画效果。事件处理是jQuery中的关键特性,你可以学习到...

    jQuery 学习笔记 (直接打印是个好主意!)

    《jQuery基础教程》、《锋利jQuery》 王兴魁 《AJAX技术入门》 王兴魁 《绚丽效果教你做之jQuery实战》 温谦 《精通JavaScript+jQuery》 另外感谢在各大论坛知识分享的热心人! 本资源内容如下: 1、学习开发时的...

    jQuery编程笔记

    ### jQuery编程笔记知识点详解 #### 一、jQuery概述 ...以上是对jQuery编程笔记中提到的知识点的详细解读,覆盖了从基础知识到高级应用的各个方面,有助于深入理解和掌握jQuery的使用方法和技术细节。

    圣思源的jquery学习笔记

    笔记中会详细讲解如何使用jQuery选择器选取元素,这是jQuery的基础,包括ID选择器、类选择器、属性选择器等,以及更高级的组合选择器和伪类选择器,帮助我们精准定位页面上的任何元素。 在DOM操作方面,jQuery提供...

    jQuery 自学笔记 +  汉化版 jQuery Api

    这份“jQuery自学笔记”结合“jQuery API汉化版”提供了全面而简洁的学习资源,适合初学者快速掌握jQuery的核心概念和用法。 首先,jQuery的核心理念是“写得更少,做得更多”。它的选择器机制借鉴了CSS,使得选取...

    51obj出品的jQuery入门学习教程(笔记)chm最新版本

    jQuery 入门学习(笔记)教程 chm,高手的话就不要看了,打基础用的,内容涵盖入门前奏、jQuery选择器、使用jQuery操作DOM、选择器综合实例、jQuery属性操作与CSS操作、val()与节点操作、jQuery事件、动画、AJAX……

    jquery 学习笔记源码 1-3章

    在"2jquery基础核心"中,你会学习到如何引入jQuery库到你的项目中,以及如何使用"$"符号初始化jQuery对象。jQuery的核心概念包括选择器、DOM操作和事件处理。例如,你可以通过$("#id")选择具有特定ID的元素,通过$(...

    千峰python课件笔记+源码 (凯哥)

    6、JQuery基础 7、JQuery提升 8、H5C3基础 第三章 Django 1、Django基本流程走通 2、Django中的模型 3、Django中的视图 4、Django中的模板 5、Django的高级使用 6、Django爱鲜蜂项目第一天 7、Django爱鲜蜂项目第二...

    详细的jquery 教程

    jQuery基础 - **选择器**: jQuery的核心功能之一是选择页面中的元素。它支持CSS选择器,如ID(#id)、类(.class)和属性选择器,以及更复杂的组合选择器和伪类。 - **DOM操作**: 使用jQuery可以轻松地获取、添加...

    精通JQuery代码实践学习

    《精通jQuery代码实践学习》是一本旨在帮助开发者深入理解和熟练运用jQuery的教程。jQuery作为一款强大的JavaScript库,简化了HTML文档遍历、事件处理、动画设计和Ajax交互等多个方面的工作,使得JavaScript编程更为...

    JQuery教程-从零开始学习jQuery

    该教程不仅仅是一份学习笔记,而是希望能够系统地、深入浅出地教授JQuery的知识,并且尽量做到全面。大部分知识点来自图灵出版社出版的《JQuery实战》一书,这本书被推荐给读者作为深入学习的参考。 ##### 什么是...

Global site tag (gtag.js) - Google Analytics