JQuery一些基础笔记
JQuery学完了,总结一下一些需要掌握的知识点。
首先什么是JQuery 说白了就是有JavaScript衍生出来的一个产物,它呢兼容各种浏览器,但是前提你要用这个JQ的话首先呢你就要引入JQ库。
学过js的人在学jq你就会感觉jq简直是很简单的代码就给js的功能实现了。建议先去学一下js在来学jq这样会好理解一点。
一、基础
类似于js中的window.onload,是在窗体加载完成后在执行。
例:$(function()
{
alert("HelloWorld");
});
JQ元素和DOM元素呢就是JQ元素名是由$开头的,不带$的呢就是普通的js元素了
二、选择器
这个jq呢有很多选择器死记硬背呢确实不好记程序就是这样写多了自然而然的就会了
三、DOM
append()
-- 向元素中添加内容
appendTo()
-- 将元素添加到指定内容
包裹节点:
$(function()
{
$(“span”).wrap(“<strong></strong>”);
})
设置属性:
$("元素").attr({键值对});同样也可以设置css属性 $(“p”).attr(“class”,”high”);$("a:contains('link')").attr({"href":“index.html","title":"test"});
attr(这里是键值对)
追加样式:
$(“p”).addClass(“another”);toggle事件:
也就是相当于链接式点击事件第一次点击执行第一个函数块代码第二次点击执行第二个代码块,以此类推。
设置和获取HTML的文本值
1、html()
2、text()
3、val()
四、事件
1.bind()绑定事件 --- unbind()移出事件
$(function(){
$("#panel h5.head").bind("mouseover",function(){
$(this).next().show();
});
$("#panel h5.head").bind("mouseout",function(){
$(this).next().hide();
})
})
1.hover()用于光标的模拟,第一次悬停触发一次,鼠标移出在触发一次
$(function(){
$("#panel h5.head").hover(function(){
$(this).next().show();},function(){
$(this).next().hide();
})
})
2.toggle()被选中元素轮流响应click事件
$("td").toggle(
function () {
$(this).addClass("selected");
},
function () {
$(this).removeClass("selected");
}
);
五、动画
1.show() -- 显示
2.hide() -- 隐藏
3.fadeIn() -- 颜色逐渐变深
4.fadeOut() -- 颜色逐渐变浅
5.slideUp()-- 向上延伸
6.slideDown() -- 向下延伸
7.animated() -- 动画
$("#panel").click(function(){
$(this).animate({left: "500px"}, 3000);
})
这些动画可以和事件组合起来用
Ajax另外有介绍
JQuery一些基础笔记的更多相关文章
- jQuery官方基础教程笔记(转载)
本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计 ...
- 【学习笔记】jQuery的基础学习
[学习笔记]jQuery的基础学习 新建 模板 小书匠 什么是jQuery对象? jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果 ...
- jQuery源代码学习笔记_工具函数_noop/error/now/trim
jQuery源代码学习笔记_工具函数_noop/error/now/trim jquery提供了一系列的工具函数,用于支持其运行,今天主要分析noop/error/now/trim这4个函数: 1.n ...
- HTML5基础——笔记
HTML5基础——笔记 近几年来,互联网+.大数据.云计算‘物联网‘虚拟现实‘人工智能.机器学习.移动互联网等IT相关新名词.新概念层出不穷,相关产业发展如火如荼.互联网+移动互联网已经深入到人民日常 ...
- [DOM Event Learning] Section 3 jQuery事件处理基础 on(), off()和one()方法使用
[DOM Event Learning] Section 3 jQuery事件处理基础 on(),off()和one()方法使用 jQuery提供了简单的方法来向选择器(对应页面上的元素)绑定事件 ...
- jQuery 插件基础
jQuery 插件基础 翻译 How to Create a Basic Plugin 如果你需要在 jQuery 选择器上执行一系列重复操作, 这时候你需要编写 jQuery 插件. jQuery ...
- Java基础笔记 – Annotation注解的介绍和使用 自定义注解
Java基础笔记 – Annotation注解的介绍和使用 自定义注解 本文由arthinking发表于5年前 | Java基础 | 评论数 7 | 被围观 25,969 views+ 1.Anno ...
- jquery插件开发基础入门
jquery插件开发基础入门 入门 编写一个jquery插件开始于给jquery.fn加入新的功能属性,此处添加的对象属性的名称就是你的插件名称 jQuery.fn,myPlugin = functi ...
- php代码审计基础笔记
出处: 九零SEC连接:http://forum.90sec.org/forum.php?mod=viewthread&tid=8059 --------------------------- ...
随机推荐
- mysql登录基本语句
默认密码:root mysql 显示所有的数据库,代码如下: mysql> show databases; mysql> show tables; MySQL显示命令二.显示命令 1.显示 ...
- 使用jQuery清空file文件域的解决方案(转)
对一个文件域(input type=file)使用了验证后,我们总会希望把文件域中的值给清空了,在IE中,由于安全设置的原因,是不允许更改文件域的值的(也就是不能使用val("") ...
- (Array)27. Remove Element
Given an array and a value, remove all instances of that value in place and return the new length. D ...
- 数据结构&算法-单链表
1.引言 工作一年了,感觉越来越懒散,把很多基础性的东西都慢慢遗忘了,最近想趁着还没忘完,回顾一下,整理了点笔记,分享一下. 如有错的地方,欢迎大家怒喷. 2.学习 我们就从最简单的链表开始吧. 链表 ...
- 关于listview的一些属性
由于这两天在做listView的东西,所以整理出来一些我个人认为比较特别的属性,通过设置这样的属性可以做出更加美观的列表 首先是stackFromBottom属性,这只该属性之后你做好的列表就会显示你 ...
- Oracle客户端与服务器字符集不统一的处理
当Oracle客户端与服务器的字符集不统一时. 症状: 如:ORA-00283: ?????????? 提示信息中有好多问号. 解决方法: 1查询服务器的字符集: SQL> conn / as ...
- Windows XP 32位系统安装MySQLdb
环境 操作系统:Windows XP 32位 Python版本:2.7.11 安装 直接下载exe文件安装即可.
- java如何得到GET和POST请求URL和参数列表(转)
在servlet中GET请求可以通过HttpServletRequest的getRequestURL方法和getQueryString()得到完整的请求路径和请求所有参数列表,POST的需要getPa ...
- 深入理解js——一切都是对象
"一切皆对象" 当然也不是所有的都是对象,值类型(undefined,number,string,boolean)就不是对象:而函数.对象.数组.null.new Number(1 ...
- linux上的编译安装
计算机运行的程序都是二进制的代码,那么我们所用的编程语言都是自然语言中的字符,那么就需要有一种机制来将这些转化成二进制代码,那么根据转化机制不一样,编程语言(软件 产生的源头)分两大类 解释型 编译型 ...