
jQuery
~往无前
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
jQuery实现AJAX请求的语法
一、AJAX load()方法load方法从服务器加载数据,并把数据放入被选元素中。 $(Selector).load(URL,data,callback)URL:是要访问的url地址;data:同请求一同发送的字符串键/值对集合;callback:是load()方法完成后所执行的函数名称;//把文件"demo_test.txt"的内容加载到指定的div元素中$("#div1").load("demo_test.txt");//把文件"demo_test.txt"中id="p1"的元素的内原创 2021-03-21 15:27:42 · 212 阅读 · 0 评论 -
jQuery遍历Dom树中的元素
一、遍历遍历:就是根据其相对于其他元素的关系来“查找”(或选取)HTML元素。以某项选择开始,并沿着这个选择移动,知道抵达所期望的元素。1.向上遍历DOM树 有下面三种方法parent() - 方法返回被选元素的直接父元素,该方法只会向上一级对DOM数进行遍历parents() - 方法返回被选元素的所有祖先元素,他一路向上直到文档的根元素()。parentsUntil() -方法返回于俩元素之间的所有祖先元素$(fucntion(){ $("button1").click(fu原创 2021-03-21 15:26:10 · 556 阅读 · 0 评论 -
使用jQuery改变元素的CSS样式
一、获取并设置css类操作css的 方法有以下几种:addClass() -向被选元素添加一个或多个类。removeClass() -向被选元素添加一个或多个类。toggleClass() -对备选元素进行添加/删除类的切换操作。css() -设置或返回样式属性。//前两种方法操作很简单,就不去演示了,toggleClass方法更实用一些。$("button").click(function(){ //给三个元素切换样式 如果有此类名则去除,如果没有则添加。 $("h1,h2,p")原创 2021-03-21 15:24:55 · 3032 阅读 · 0 评论 -
jQuery操作dom元素的增删查改
一、获取内容和属性jQuery中提供了一系列与Dom相关的方法,这使访问和操作元素和属性变得很容易.1.获取内容 有text()、html()、val()方法:text () -设置或返回所选元素的文本内容;html() - 设置或返回所选元素的内容(包括html标记);val () -设置或返回表达那字段的值$(function(){ $("btn1").click(function(){ //获取文本内容 alert("Text"+$("#test").text()); //获取带原创 2021-03-21 15:23:32 · 911 阅读 · 0 评论 -
jQuery基础之实现动画效果
一、动画1.jQuery animate()方法允许创建自定义的动画 且接受三个参数animate({params},speed,callback)params:该参数定义形成动画的css属性speed:参数规定效果的时长,可以取”slow","fast"或毫秒callback:参数是动画完成后所执行的函数。$(function(){ $("#button").clikc(function(){ $("div").animate({ //需要注意的是这里的样式值都是字符串形式 le原创 2021-03-21 15:21:31 · 883 阅读 · 0 评论 -
jQuery实现元素的隐藏和显示
一、jQuery 效果-隐藏和显示1.jQuery hide()和show()$("#hide").click(function(){//hide可带参数也可不带,表示指定时间后进行隐藏 $("p").hide(1000);})$("#show").click(function(){ $("p").show(1000);})//一个完整的实现隐藏的函数,//第二个参数是一个字符串,表示过渡使用哪种缓动函数。(jQuery自身提供"linear"和"swing",其他可以使用相关的原创 2021-03-21 15:20:17 · 2828 阅读 · 0 评论 -
jQuery入门-1.0
一、语法jquery语法就是通过选取HTML元素,并对选取的元素执行某些操作。文档就绪事件$(document).ready(function(){ // 开始写 jQuery 代码...});特点:1.以$符号开头,定义为jQuery;2.该语法的目的是:等待文档加载完毕之后在进行执行下面的代码,原因就是,jQuery就是用来操作dom的。还有一种写法$(function(){ //要执行的jQuery代码...});二、选择器元素选择器:$("p") //在页面中原创 2021-03-21 15:18:51 · 132 阅读 · 0 评论