jQuery
关注
分享
扫一扫
JackLee18
这个作者很懒，什么都没留下…
展开
-
jQuery开发之超链接提示效果和图片提示效果
1，超链接提示效果 超链接自带的有提示效果的，这里就把自己定义的提示效果放在一起可以进行一下比较。示例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-T原创 2015-06-17 16:13:23 · 3043 阅读 · 0 评论 -
jQuery开发之选择器二
1，基本选择器 基本选择器是jQuery中最常用的选择器，也是最简单的选择器。它通过id，class，和标签名来查找DOM元素。 2，层次选择器 可以使用next()方法来代替$('prev + next') 选择器，如下表所示： 可以使用nextAll()方法来代替$('prev ~ siblings') 选择器，如下表所示： 3，过滤选择器过滤选择器主要是通过特定的过滤规则来筛选所需原创 2015-06-15 15:24:43 · 989 阅读 · 0 评论 -
jquery开发之代码风格
1，链式操作风格。 (1) 对于同一个对象不超过三个操作的，可直接写成一行。代码如下：$(“li”).show().unbind(“click”);(2) 对于同一个对象的较多操作，建议每行写一个操作。代码如下： $(this).removeClass(“mouseout”) .addClass(“mouseover”) .stop()原创 2015-06-12 13:15:20 · 1644 阅读 · 0 评论 -
jquery开发之第一个程序
前一段时间学习了js和css，但是发现好多的程序里面都用到了jquery当时本来想着先吧js弄熟了 再搞这个，后来发现不行，好多的程序好像是故意和自己为难似的，所以我决定接下来认认真真的把jquery学习一下。 首先现在iquery文件 下载地址：jquery 然后在使用的html页面引入就可以了。 下面来试试第一个jquery程序吧。 test.html<!DOCTYPE html PUBL原创 2015-06-12 11:28:01 · 1254 阅读 · 0 评论 -
jQuery开发之jQuery选择器一
1，CSS选择器 常用的css选择器如下表： 2，jQuery选择器 CSS 获取到元素的代码如下：.demo{ //给class为demo的元素添加样式...}jQuery获取元素的代码如下：$(".demo").click(function(){ //给class为demo的元素添加行为...});jQuery选择器和CSS选择器的写法十分相似，只不过两者的作用效果不同，原创 2015-06-12 16:01:57 · 882 阅读 · 0 评论 -
jquery开发之jQuery对象和DOM对象的相互转换
如果获取的对象是jQuery对象，那么在变量前加上$,如下：var $variable = jQuery 对象如果获取的是DOM对象，定义如下：var variable = DOM对象1，jQuery对象转换成DOM对象 jQuery 提供了两种方法将一个jQuery对象转换为DOM对象，即[index] 和get(index) (1) jQuery 对象是一个类似数组的对象，可以通过[ind原创 2015-06-12 14:30:54 · 1216 阅读 · 0 评论 -
jQuery开发之Ajax
1，load()方法 (1)load()方法是jQuery中最常用和最简单的Ajax方法，能载入远程HTML代码，并插入代码中。它的结构为：load(url [,data] [,callback])load()方法解释如下表所示示例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.o原创 2015-06-24 16:25:34 · 938 阅读 · 0 评论 -
jQuery开发之动画二
1，停止动画和判断是否处于动画状态 (1)停止元素的动画。 很多时候需要用stop()方法来停止当前正在执行的动画。stop()方法的语法如下：stop([clearQueue],[gotoEnd]);参数clearQueue和gotoEnd都是可选的参数，为Boolean值(true或false),clearQueue代表是否要清空未执行完的动画队列，gotoEnd 代表是否将正在执行的动画跳原创 2015-06-19 17:43:20 · 999 阅读 · 0 评论 -
jQuery开发之动画一
1，show()方法和hide()方法 (1)，show()方法和hide()方法的基本操作 使用如下代码隐藏element元素$("element").hide();这段代码与css()方法设置display属性效果相同$("element").css("display","none");当把元素隐藏后，可以使用show()方法将元素的display样式设置为“block”，“inline”原创 2015-06-19 14:28:53 · 849 阅读 · 0 评论 -
jQuery 开发之jQuery事件一
1，DOM加载$(document).ready() 和window.onload()的区别。他们虽然功能相似，但是执行时机方面是有区别的。 window.onload() 方法是在网页中所有的元素(包括元素的关联文件)完全加载到浏览器后才执行。此时JavaScript可以访问网页中的任何元素。而通过jQuery 中的$(document).ready() 方法注册的时间处理程序，在DOM完全就原创 2015-06-18 16:39:51 · 857 阅读 · 0 评论 -
jQuery 开发之jQuery事件二
1，模拟操作 (1)常用模拟 在jQuery中可以用trigger() 方法来实现模拟操作。例如可以是用下面的代码来实现btn的click事件，$("#btn").trigger("click");也可以直接用简化写法click()方法来实现。示例代码如下：$("#btn").click();(2) 触发自定义事件 trigger()方法不仅能触发浏览器支持的具有相同名称的事件，也可以触发自原创 2015-06-18 17:38:49 · 1030 阅读 · 0 评论 -
jQuery开发之DOM操作四
1，设置获取HTML、文本和值(1) html()方法 此方法类似于javaScript的innerHTML属性，可以用来读取或者设置某个元素的HTML内容。 示例代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><h原创 2015-06-16 17:34:40 · 899 阅读 · 0 评论 -
jQuery开发之DOM操作五
CSS-DOM操作CSS-DOM技术简单来说就是读取和设置style对象的各种属性。在jQuery中，可以直接利用css()方法获取元素的样式属性，jQuery示例代码如下：$("p").css("color"); //获取<p>元素的样式颜色无论color属性是外部css导入，或者是直接拼接在HTML元素里(内联)，css()方法都可以获取到属性style里的其他属性的值。css()方法设置单个原创 2015-06-17 11:17:37 · 994 阅读 · 0 评论 -
jQuery开发之DOM操作三
1，属性操作 (1)获取属性和设置属性 获取<p>元素的title属性示例代码如下：var $para =$("p");var p_title =$para.attr("title");设置单个属性的jQuery示例代码如下：var $para =$("p");$para.attr("title","your title");设置多个属性的jQuery的示例代码如下：var $para =$原创 2015-06-16 16:11:08 · 1094 阅读 · 0 评论 -
jQuery开发之DOM操作二
接上篇文章3，插入节点 插入节点的方法如下图： 4，删除节点 (1) remove()方法 作用是从DOM中删除所有匹配的元素。示例代码如下：var $li =$("ul li:eq(1)").remove(); //获取第二个<li>节点后，将它从网页中删除。注意：当某个节点用remove()删除后，该节点包含的所有后代节点将同时被删除。这个方法的返回值是一个指向被删除节点原创 2015-06-16 14:37:46 · 1037 阅读 · 1 评论 -
jQuery开发之DOM操作一
1，查找节点 1)，查找元素节点 获取元素节点并打印出它的文本内容，jQuery代码如下：var $li = $("ul li:eq(1)"); //获取<ul> 里第2个<li> 节点var li_text =$li.text(); //获取第二个<li> 节点的文本内容alert(li_text); //打印文本内容2)，查找属性节点var $pa原创 2015-06-15 17:54:38 · 800 阅读 · 0 评论