Jquery 方法
1、初始化加载 方法
$(document).ready(function(){
//执行代码
});
==
$().ready(function(){
//执行代码
});
==
$(function(){
//执行代码
});
2、根据id获取对象
$('#IdName');
3、根据标签名称获取对象 注意:没有引号 没有#号
$(objName);
4、给某对象添加样式类
$('#objName').addClass('className');
5、删除某对象样式类
$('#objName').removeClass('className');
6、绑定事件 bind()
$('#objName').bind('事件名称(如:click)', function(){执行操作});
7、简写事件
$('#objName').click(function(){执行操作});
8、toggle()两个方法之间转换调用, 同名效果(effect)
$('#objName').toggle(function(){执行方法一},function(){执行方法二});
例如:隐藏、显示
$('#objName').toggle(function(){$('#obj').hide();},function(){$('#obj').show();});
9、鼠标指针进入元素和离开元素时的操作 .hover();
$('#objName').toggle(function(){alert('鼠标进入');},function(){alert('鼠标离开');});
10、修改内联css
.css('property','value');
.css({property1:'value1', property2:'value2'});
获得对象样式里的某一项
$('#objName').css('fontSize');
11、基本的现实和隐藏 .show(); .hide();
$(objName).show();
$(objName).hide();
这两个方法都有三个参数 slow(0.6秒) normal(0.4秒) fast(0.2秒)
$(objName).show('slow');
还可以直接写数值,以毫秒为计算单位。注意:直接写数值不需要加引号
$(objName).show(1000);
12、淡入、淡出 fadeIn(); 也具有show(); 的三个参数值
$(objName).fadeIn();
13、多重效果
fadeIn(); 和 fadeOut(); 不透明度
fadeTo(); 不透明度
slideDown(); 和 slideUp(); 高度
14、自定义动画效果 animate();
参数:1、样式属性及值的映射 及.css();
2、可选速度参数
3、可选缓动(easing)参数
4、可选回调函数
例如:$(objName).animate({parame1:'value1', parame2:'value2'},speed, function(){alert();});
15、.attr()替换某一对象的属性
$(objName).attr({'id':'idValue', 'title':'titleValue'});
16、.each()方法类似for循环
例如遍历div下的某一类的所有连接
$('div.className a').each(function(index){index+1;执行操作});
17、 .insertAfter() .after .insertBefore() .before() 顾名思义向什么地方插入对象
$(document).ready(function(){
$('expression').insertAfter(objName);
})
如:向div对象后插入返回top的连接
$(document).ready(function(){
$('<a href="#top">back to top</a>').insertAfter('div.className objName');
$('<a id="top" name="top"></a>').prependTo('body'); //向body加入这个锚点
})
注:如果用alert() 则表达式 和对象名调换位置。
18、克隆对象.clone();包括内容,如果.clone(false);值复制标签
$(objName).clone();
19、在对象外部插入新元素用.warp();
$(objName).warp("content");
20、向某一对象里载入其他页面内容 .load();
$('#objId').load(x.html);
21、清空对象 .empty();
$(objName).empty();
分享到:
相关推荐
本节课我们将深入探讨如何扩展 jQuery 的功能,包括工具方法和实例方法的扩展,以便更好地满足项目需求。 一、扩展工具方法 jQuery 提供了一个 `jQuery.extend()` 方法,用于向 jQuery 对象本身添加新的方法。这些...
NULL 博文链接:https://newleague.iteye.com/blog/774908
常用的jquery方法进行了总结,以便于用的时候查找
jquery.transition.js, 在现代浏览器中,升级jQuery方法的. animate() 以使用jdo转换 jquery.transition.js在现代浏览器中使用jquery方法的升级 .animate() 。如何使用它?插件加载到页面之后,工作就完成了。 完整...
jQuery.common就是一种常见的做法,它将常用的jQuery方法进行封装,形成一个通用的方法集合,以方便开发者在项目中复用,提高开发效率。本文将深入探讨jQuery.common的实现原理、常用功能以及如何在实际项目中应用。...
jQuery中的jQuery()方法是核心功能之一,它提供了一种简洁的方式来选取DOM元素并进行操作。...通过选择器、上下文参数以及与其他jQuery方法的组合,开发者可以实现丰富的交互效果和动态更新页面的功能。
要自定义jQuery方法,我们需要遵循以下步骤: 1. **定义方法**:在JavaScript中创建一个新的函数,这个函数将会是我们的自定义方法。例如,我们可以创建一个名为`highlightElement`的方法,用于高亮显示选择的元素...
6. **链式操作(Chaining)**:jQuery 方法返回的是jQuery对象,因此可以连续调用多个方法,如`$("#element").css("color", "red").slideUp();`,这提高了代码的可读性和效率。 **jQuery 3.1 的新特性和改进** - *...
这些方法可以与其他jQuery方法链式调用,实现流畅的页面过渡。 5. **Ajax**:jQuery的`$.ajax()`方法是异步数据交换的强大工具,支持GET和POST等多种HTTP请求类型,还有`getJSON()`、`load()`等简化版方法。`$.ajax...
2. **调用jQuery方法**:在Java代码中,可以通过反射或者预先编译的方式,调用jQuery对象提供的方法。例如,可以模拟前端的DOM操作,创建或修改HTML字符串。 3. **处理数据**:虽然jQuery主要用于前端,但通过jar包...
2. jQuery方法:你也可以通过jQuery选择器和`.marquee()`方法来启动滚动效果。 ```javascript $('.marquee').marquee(); ``` 四、配置选项与参数 jQuery Marquee提供了多种配置选项,允许开发者自定义滚动行为。...
这个插件是针对DW CS3版本优化的,它集成了jQuery 1.3版本的功能,提供了一个方便的自动提示工具,帮助开发者在编写代码时能够快速获得jQuery方法和属性的建议,从而提高开发速度并减少出错的可能性。 jQuery是一个...
4. **链式操作**: jQuery方法返回的是jQuery对象,因此可以进行链式调用,如`$("#element").addClass("active").css("color", "red")`。 5. **动画效果**: `$.fn.animate()`用于创建自定义动画,`fadeIn()`, `...
插件源码 jquery.callback.js 插件开源地址: https://gist.github.com/4580276 代码如下: /** * @fileOverview 本插件用于给jQuery方法添加回调函数,可在类方法或实例方法添加任何自定义的回调函数而不影响原方法...
4. **动画效果**: jQuery 的 `.fadeIn()`, `.fadeOut()`, `.slideToggle()` 等方法可实现平滑的动画效果,`.animate()` 方法则允许自定义动画,如改变宽度、高度或位置。 5. **AJAX 请求**: jQuery 提供了 `.ajax()...
**jQuery 3.3.1 API Docs 中文手册** ...这个“jQuery 3.3.1 API Docs 中文手册”是开发人员的重要参考资料,为理解和应用jQuery...这个中文手册是开发者学习和查阅的宝贵资源,包含了所有你需要知道的jQuery方法和功能。
4. **链式操作**: jQuery方法返回的是jQuery对象本身,因此可以进行链式调用,如`$('div').addClass('highlight').css('color', 'red')`。 5. **动画效果**: `fadeIn()`, `fadeOut()`, `slideToggle()`等方法轻松...
在jQuery中,这意味着只要对象是从`$`构造的,我们就可以对它使用任何jQuery方法,无需关心它的具体实现。 jQuery的原型关系图还会展示jQuery是如何通过`.extend()`方法扩展其功能的。`.extend()`允许我们合并两个...
在这个文档中,你可以找到每个jQuery方法和函数的详细说明,以及相关的示例代码,帮助你快速掌握如何使用这些功能。例如,了解如何使用`$(selector)`选择元素,如何使用`.html()`、`.text()`和`.val()`来操作HTML...