jQuery基础_1
jQuery事件的因果关系是怎么样的一个格式:
$("button").click(function(){ });
【正式接触jQuery】
(1)jQuery的书写步骤:
1.引入jQuery文件;
2.新建一对script标签来书写jQuery;
3.用jQuery的方式进行代码分离;
4.按照jQuery用谁就选谁的原则去书写代码;
【jQuery的css修改】
alert()弹出一个警示框;弹出的信息可以写在小括号里面作为参数;
css()
1.单属性获取,格式css("要获取的css属性名称")
2.单属性修改,格式css("参数1","参数2")
参数1:表示要修改的css属性名称;
参数2:表示要修改的值;
3.多属性修改,格式css({属性名:"值",属性名:"值",...})
注意:关于css复合属性的修改;遇到复合属性需要按照驼峰式命名法去书写css属性;
$("div").click(function (){
$(this).css("width","200px");
});
【基础选择器】
>表示选中指定的元素唯一的一级子代元素;
+表示选中指定元素其后紧邻的唯一一个元素;
~表示选中指定元素后面所有的兄弟元素;
<div>
<p></p>
<p>123</p>
<p></p>
<p>456</p>
</div>
$("p~").click(function(){
alert(123)
});
在jQuery中所有的过滤选择器都有一个特点,都以冒号开头;
【过滤选择器】
:not()在指定的元素中排除某一个元素或某一类元素;
:eq()按照指定的索引值进行过滤,(注意程序中的索引值是从0开始的);
:gt()过滤大于指定索引值的所有元素;
:lt()过滤小于指定索引值的所有元素;
(注意:无论是大于还是小于,都是不包含自己本身的;)
<div>
<p></p>
<p>123</p>
<p></p>
<p>456</p>
</div>
$("p").eq(0).click(function(){
alert(123)
});
【内容选择器】
:contains("text"):匹配含有text内容的元素
:empty:匹配内容为空的元素
:has(selector):选择包含有selector的选择器
:parent:选择作为父元素的元素
<div>
<p></p>
<p>123</p>
<p></p>
<p>456</p>
</div>
$("p:parent").click(function(){
alert(123)
});
【筛选选择器】
筛选选择器中有3个巨头选择器,父子兄;
特点;所有的筛选选择器都是一个函数的形势,所以它不会写在选择符号的内部;
父;parent()选中当前元素的父级元素;
子;children()选中当前元素的子集元素,小括号内可以再次传递参数进行更精细的筛选;
兄;sibling()选中当前元素所有的同级兄弟元素;(不包含自己)
<div>
<p></p>
<p>123</p>
<p></p>
<p>456</p>
</div>
$("p").eq(0).siblings().click(function(){
alert(123)
});
$(this)注意在事件当中使用
jQuery当中的动画和事件是遵循一个叫做排队机制的原理,也就是说如果一次触发执行了很多动画那么后面的动画不会自动替换前面的而会一直排队等待执行;
解决方法:在执行动画之前用stop()函来清空排队;
jQuery基础_1的更多相关文章
- jQuery基础课程
环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库 ...
- JQuery基础总结上
最近在慕课网学习JQuery基础课程,发现只是跟随网站的课程学习而不去自己总结扩展的话,很难达到真正学会理解的地步. 于是先在网站上草草过了一遍课程,然后借着今天的这个时间边记录边重新整理学习一下. ...
- jQuery基础之选择器
摘自:http://www.cnblogs.com/webmoon/p/3169360.html jQuery基础之选择器 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Aja ...
- jquery基础知识汇总
jquery基础知识汇总 一.简介 定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库.源码戳这 jQu ...
- 【jQuery基础学习】09 jQuery与前端(这章很水)
这章主要是将如何将jQuery应用到网站中,或者说其实就是一些前端知识,对于我这种后端程序来说其实还是蛮有用的. 关于网站结构 文件结构 前端文件分三个文件夹放 images文件夹用来存放将要用到的图 ...
- 【jQuery基础学习】00 序
作为一个从来没有认真学过jQuery的菜来讲,我所学的都是jQuery基础. 算是让自己从0开始系统学一遍吧.学习书籍为:<锋利的jQuery>. 虽然是个序,表示一下我是个菜,但还是来几 ...
- 8、网页制作Dreamweaver(jQuery基础:安装、语法)
在<网页制作Dreamweaver(悬浮动态分层导航)>中,运用到了jQuery的技术,轻松实现了菜单的下拉.显示.隐藏的效果,不必再用样式表一点点地修改,省去了很多麻烦,那么jQuery ...
- jquery 基础汇总---导图篇
最近在慕课网学习了一些jquery的基础知识,为了方便记忆,整理出来的导图 jQuery基础总共分为4个部分,分别是样式篇.事件篇.动画篇.DOM篇. 样式篇,主要介绍jQuery的基础语法,选择器以 ...
- jquery基础教程读书总结
最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件 主要掌握常见的事件以及理解jquery的事件处理机制. 需要注 ...
随机推荐
- Play1+angularjs+bootstrap ++ (idea + livereload)
我的web开发最强组合:Play1+angularjs+bootstrap ++ (idea + livereload) 时间 2012-12-26 20:57:26 Freewind.me原文 ...
- 通过dataGridView控件中的checkBox控件对数据库进行批量删除
string id_s = ""; ; i < dataGridView1.Rows.Count; i++) //遍历所有行 { if (dataGridView1.Rows ...
- python动态获取对象的属性和方法 (转载)
首先通过一个例子来看一下本文中可能用到的对象和相关概念. #coding:utf-8 import sys def foo():pass class Cat(object): def __init__ ...
- apache限制同一ip大并发访问及下载
内容来自以下网站整理 http://www.jb51.net/article/58060.htmhttp://www.2cto.com/os/201202/120665.htmlhttp://blog ...
- jQuery学习笔记(一)
1.什么是jQuery? jQuery是一个JavaScript函数库. jQuery是一个轻量级的"写的少,做的多"的JavaScript库. 2.为什么要使用jQuery? 目 ...
- Quickly place a window to another screen using only the keyboard
http://askubuntu.com/questions/22207/quickly-place-a-window-to-another-screen-using-only-the-keyboar ...
- Android-MediaRecorder-音频录制-警告-W/MediaRecorder(13811): mediarecorder went away with unhandled events
Android-MediaRecorder-音频录制-警告-W/MediaRecorder(13811): mediarecorder went away with unhandled events ...
- as3自定义事件
package EventPackage { import flash.events.Event; /** * * @author tqr <br /> * 创建时间:2015-2-6 下 ...
- JavaWeb 学习009-4个页面,5条sql语句(添加、查看、修改、删除)
===========++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++==+++++++++ 2016-12-3------ ...
- ajax 请求如何解决乱码
今天遇到一个问题,有关ajax 请求中传输中文,遇到乱码的问题. 如下代码: function UpdateFolderInfoByCustId(folderId, folderName, custI ...