jquery详解,jquery?

jQuery.prop() 函数详解

官方文档：

创新互联坚持“要么做到，要么别承诺”的工作理念，服务领域包括：成都网站制作、成都网站设计、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的商河网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

参考：

在 segmentfault论坛看到了这样的回答

学库的时候少看书，多看官方文档。书的印刷、出版速度往往远远跟不上库的改进速度

参数value还可以是函数

以对象形式同时设置任意多个属性的值

在jQuery中，attribute和property却是两个不同的概念。attribute表示HTML文档节点的属性，property表示JS对象的属性。

此外，虽然prop()针对的是DOM元素的property，而不是元素节点的attribute。不过DOM元素某些属性的更改也会影响到元素节点上对应的属性。例如，property的id对应attribute的id，property的className对应attribute的class。

由于 attr() 函数操作的是文档节点的属性，因此设置的属性值只能是字符串类型，如果不是字符串类型，也会调用其 toString() 方法，将其转为字符串类型。

prop()函数操作的是 JS对象的属性，因此设置的属性值可以为包括数组和对象在内的任意类型。

详见参考部分的链接

jQuery中ajax - get() 方法实例详解

在jquery中使用get，post和ajax方法给服务器端传递数据，在上篇文章给大家分享了jquery中ajax-post()方法实例，下面通过本文继续学习jQuery中ajax

get()

方法，具体介绍请看下文。

jQuery

Ajax

参考手册

实例

使用

AJAX

的

GET

请求来改变

div

元素的文本：

$("button").click(function(){

$.get("demo_ajax_load.txt",

function(result){

$("div").html(result);

});

亲自试一试

定义和用法

get()

方法通过远程

HTTP

GET

请求载入信息。

这是一个简单的

GET

请求功能以取代复杂

$.ajax

。请求成功时可调用回调函数。如果需要在出错时执行函数，请使用

$.ajax。

语法

$(selector).get(url,data,success(response,status,xhr),dataType)

详细说明

该函数是简写的

Ajax

函数，等价于：

$.ajax({

url:

url,

data:

data,

success:

success,

dataType:

dataType

});

根据响应的不同的

MIME

类型，传递给

success

回调函数的返回数据也有所不同，这些数据可以是

XML

root

元素、文本字符串、JavaScript

文件或者

JSON

对象。也可向

success

回调函数传递响应的文本状态。

对于

jQuery

1.4，也可以向

success

回调函数传递

XMLHttpRequest

对象。

示例

请求

test.php

网页，忽略返回值：

$.get("test.php");

更多示例

例子

请求

test.php

网页，传送2个参数，忽略返回值：

$.get("test.php",

{

name:

"John",

time:

"2pm"

}

);

例子

显示

test.php

返回值(HTML

或

XML，取决于返回值)：

$.get("test.php",

function(data){

alert("Data

Loaded:

data);

});

例子

显示

test.cgi

返回值(HTML

或

XML，取决于返回值)，添加一组请求参数：

$.get("test.cgi",

{

name:

"John",

time:

"2pm"

function(data){

alert("Data

Loaded:

data);

});

jquery

ajax

的

$.get（）用法详解

js文件

$(document).ready(function(){

$("form").submit(function(event)

{event.preventDefault()})//取消submit的默认行为

$("form

input[type='submit']").click(function(){

var

url

$('form').attr('action');

取Form中要提交的链接

var

param

{};

组装发送参数

param['name']

$('form

input[name=name]').val();

param['age']

$('form

input[name=age]').val();

$.get(url,

param,

function(dom)

{

$('div.get').append(dom)

})

;

发送并显示返回内容

});

})

html文件

form

action="ajax.php"

method="get"

Name:

input

type="text"

name="name"

Age:

input

type="text"

name="age"

input

type="submit"

/form

div

class="get"这是ajax的get方法/div

php文件

error_reporting(0);

if($_GET["name"]=="kitty")

{

$name=

"you

are

the

lucky";

}

else

$name=$_GET["name"];

$age=$_GET["age"];

echo

"div

".$name."

".$age."/div";

以上介绍就是本文给大家分享的jQuery中ajax

get()

方法实例详解，希望大家喜欢。

jQuery旋转插件jqueryrotate用法详解

本文实例讲述了jQuery旋转插件jqueryrotate用法。分享给大家供大家参考，具体如下：

CSS3

提供了多种变形效果，比如矩阵变形、位移、缩放、旋转和倾斜等等，让页面更加生动活泼有趣，不再一动不动。然后

IE10

以下版本的浏览器不支持

CSS3

变形，虽然

有私有属性滤镜（filter），但不全面，而且效果和性能都不好。

今天介绍一款

jQuery

插件——jqueryrotate，它可以实现旋转效果。jqueryrotate

支持所有主流浏览器，包括

IE6。如果你想在低版本的

中实现旋转效果，那么

jqueryrotate

是一个很好的选择。

兼容性

jqueryrotate

支持所有主流浏览器，包括

IE6。jqueryrotate

在高级浏览器中使用

CSS3

transform

属性实现，在低版本

中使用

VML

实现。当然，你可以使用

条件注释，低版本

使用

jqueryrotate，高级浏览器则直接使用

CSS3。

使用方法

//演示1

//旋转45angle

$(document.body).click(function

()

{

//方式1

$('.divOne').rotate(45);

//方式2

$('.divOne').rotate({

angle:

});

//演示2

//鼠标移动效果

//方式1

$('.divOne').rotate({

bind:

{

mouseover:

function

()

{

$(this).rotate({

animateTo:

180

});

mouseout:

function

()

{

$(this).rotate({

animateTo:

});

}

});

//方式2

$('.divOne').mouseover(function

()

{

$(this).rotate({

animateTo:

180

});

}).mouseout(function

()

{

$(this).rotate({animateTo:0});

});

//演示3

不停旋转

//方式1

var

angle

setInterval(function

()

{

angle

$('.divOne').rotate(angle);

50);

//方式2

var

rotation

function

()

{

$('.divOne').rotate({

angle:

animateTo:

360,

callback:rotation

})

}

rotation();

//方式3

var

rotation

function

()

{

$('.divOne').rotate({

angle:

animateTo:

360,

callback:

rotation,

easing:

function

(x,

{

return

}

})

}

rotation();

//演示4

点击旋转

//方式1

$('.divOne').click(function

()

{

$(this).rotate({

angle:

animateTo:

180,

easing:

$.easing.easeInOutExpo

});

var

val

$('.divOne').click(function

()

{

val

90;

$(this).rotate({

animateTo:

val

});

参数

类型

说明

默认值

angle

数字

旋转一个角度

animateTo

数字

从当前的角度旋转到多少度

step

函数

每个动画步骤中执行的回调函数，当前角度值作为该函数的第一个参数

无

easing

函数

自定义旋转速度、旋转效果，需要使用

jQuery.easing.js

无

duration

整数

旋转持续时间，以毫秒为单位

callback

函数

旋转完成后的回调函数

无

getRotateAngle

函数

返回旋转对象当前的角度

无

stopRotate

函数

停止旋转

无

演示虽然使用的是图片，但

jqueryrotate

并不只是能运用在图片上，其他元素如

div

等也可以使用。同时，你可以发挥想象，制作出更多关于旋转的特效。

更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery窗口操作技巧总结》、《jQuery拖拽特效与技巧总结》、《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

jQuery事件详解之$(document).ready()

在页面加载结束后，浏览器会通过js为dom元素添加事件。原生的js中使用 window.onload 方法;在JQ中使用$(document).ready()。这个方法在dom载入就绪时对其进行操纵并调用执行它所绑定的函数。

那么它和window.onload有何不同呢？

window.onload是在网页中所有元素加上所有资源 ++完全加++载到浏览器后才执行。

而$(document).ready()中绑定的事件是在 dom完全就绪时就可以被调用，此时对于jQuery来说都是可以被访问的（关联的资源可能并没有被加载完毕）。

举个例子来说，在$(document).ready()中定义了图片的宽高，但由于此时图片还没有被加载完毕，此时的宽高不会生效。要解决这个问题可以使用jQuery中的 load ()方法。

load()方法会在元素的onload事件中绑定一个处理函数，如果该处理函数绑定给window对象，则会在所有资源加载完毕后触发，如果load绑定在元素上则会在该元素加载完毕后触发。

既然window.onload比较完备为什么还要用jQuery中的$(document).ready()呢？

window.onload事件每次只能保存对一个函数的引用，他会覆盖掉之前的函数，所以不能再现有行为上添加新的行为。如果引用了多个js文件，每个都需要window.onload方法就导致编码复杂。

使用$(document).ready()方法能够很好地解决这种问题，每次调用$document.ready()方法都会在现有行为上追加新的行为，这些行为会根据注册顺序依次执行。

网站题目：jquery详解,jquery?
分享链接：http://pwwzsj.com/article/dsgeeoc.html

平武建站

jquery详解,jquery?

jQuery.prop() 函数详解

jQuery中ajax - get() 方法实例详解

jQuery旋转插件jqueryrotate用法详解

jQuery事件详解之$(document).ready()

其他资讯