jquery一些基本函数

jquery.com
1.x版本兼容ie
2.x版本简化适合移动端

$(‘li:first‘) 第一个
$(‘li:eq(2)‘)
$(‘li:last‘) 最后一个
$(‘li:odd‘) 偶数行 1 3
$(‘li:even‘) 奇数行 0 2
$(‘li‘).filter(‘.box‘) 筛选类是box的li
$(‘li‘).filter(‘[title=hello]‘)

点击弹出div里的内容
$(‘#div1‘).click(function(){
alert($(this).html())
})

.css()
.click()
.html()
.has() 是否包含一个元素
.filter() 元素筛选
.not() 元素过滤
.next() 找到下一个兄弟节点
.attr() $(‘div‘)
.find() 寻找
.eq() 指定元素
.index() 索引,元素在所有兄弟节点中的位置

.addClass() .attr(‘class‘,‘box‘) 添加class
.removeClass()
.width() 默认像素,不带单位
.outerWidth() width+padding+border
.innerWidth() width+padding

.insertBefore() 插入在元素的前面
.insertAfter()
.append()
.appendTo()
.prepend()
.prependTo()
.before()
.remove() 删除节点

.on() 绑定事件
.off() 取消事件
$(‘<div>‘) 创建标签

event事件
ev.pageX(相对于文档) js中的clientX(相对于可视区)
ev.wich js中的KeyCode
ev.preventDefault() 阻止默认事件
ev.stopPropagation() 阻止冒泡事件
return false 阻止默认+阻止冒泡

.one() 执行一次事件

.offset().left
.offset().top
.position()

.parent() 获取父级
.offsetParent 获取有定位的父级
.val()
.size() 相当于length
.each() 循环

.hover(fn1,fn2) 鼠标移入移出
.show() 宽高透明度变换
.hide()
.fadeIn() 淡入
.fadeOut()
.slideDown() 向下展开
.slideUp() 向上收起

时间: 2024-10-12 13:16:00

jquery一些基本函数的相关文章

jquery 基本函数

<head> <title></title> <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> <script type="text/javascript"> //$.map(arr,fun(data){}):返回一个新数组,遍历处理数组,但不处理处理类似dictionary类

仿照jQuery进行一些简单的框架封装(欢迎指教~)

1 (function(window,undefined){ 2 var arr = [], 3 push = arr.push, 4 slice = arr.slice; 5 //首先要做的就是封装一个parseHtml函数 6 //要注意的是,parthHtml要放在一个自调用函数内 7 var parseHtml = (function(){ 8 //做一个模板 9 var div = document.createElement('div'); 10 //这个函数是用来创建标签 11 f

使用jquery刷新当前页面

如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 window.location.reload()刷新当前页面. parent.location.reload()刷新父亲对象(用于框架) opener.location.reload()刷新父窗口对象(用于单开窗口) top.location.reload()刷新最顶端对象(用于多开窗口) 下面再介绍一些javascript基本函数 1.document.write("");为 输出语句 2.js中的注释为//

Javascript、Dom、JQuery

1.Javascript JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. 1.1 存在形式 1 1.文件形式 2 <script src="../jquery-2.2.0.js" type="text/javascript"></script> 3 2.嵌入HTML中 4 &l

js,jquery常用法

前端JS JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果.通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的. 1.存在形式 1.文件形式     <script src="js/oldboy.js"></script> 2.嵌入html     <script type='text/javascript'>alert('page');&

jquery刷新页面 页面跳转 js常用函数

jquery刷新页面 局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样 $.get(”Default.php”, {id:”1″, page: “2″ }, function(data){ //这里是回调方法.返回data数据.这里想怎么处理就怎么处理了. }); $.getScript方法: $.getScript(”http://jqueryajax.com/jquery.js”, f

jquery 、 JS 脚本参数的认识与使用

如何使用jquery刷新当前页面 下面介绍全页面刷新方法:有时候可能会用到 1 window.location.reload(); //刷新当前页面. 2 3 parent.location.reload(); //刷新父亲对象(用于框架) 4 5 opener.location.reload(); //刷新父窗口对象(用于单开窗口) 6 7 top.location.reload(); //刷新最顶端对象(用于多开窗口) 下面再介绍一些javascript基本函数 1 document.wri

jQuery源码 Ajax模块分析

写在前面: 先讲讲ajax中的相关函数,然后结合函数功能来具体分析源代码. 相关函数: >>ajax全局事件处理程序 .ajaxStart(handler) 注册一个ajaxStart事件处理器.当一个Ajax请求开始,并且同时无其它未完成的Ajax请求时,jQuery触发ajaxStart事件. .ajaxSend(handler) 注册一个ajaxSend事件处理器.当一个Ajax请求被发送时触发ajaxSend事件. .ajaxSuccess(handler) 注册一个ajaxSucce

jquery基础框架

(function(window,undefined){ var arr = [], push = arr.push, slice = arr.slice; //首先要做的就是封装一个parseHtml函数 //要注意的是,parthHtml要放在一个自调用函数内 var parseHtml = (function(){ //做一个模板 var div = document.createElement('div'); //这个函数是用来创建标签 function parseHtml(html){