jquery詳解,jquery?
jQuery.prop() 函數(shù)詳解
官方文檔：
創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站制作、成都網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的商河網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
參考：
在 segmentfault論壇看到了這樣的回答
學(xué)庫的時候少看書，多看官方文檔。書的印刷、出版速度往往遠(yuǎn)遠(yuǎn)跟不上庫的改進(jìn)速度
參數(shù)value還可以是函數(shù)
以對象形式同時設(shè)置任意多個屬性的值
在jQuery中，attribute和property卻是兩個不同的概念。attribute表示HTML文檔節(jié)點的屬性，property表示JS對象的屬性。
此外，雖然prop()針對的是DOM元素的property，而不是元素節(jié)點的attribute。 不過DOM元素某些屬性的更改也會影響到元素節(jié)點上對應(yīng)的屬性。 例如，property的id對應(yīng)attribute的id，property的className對應(yīng)attribute的class。
由于 attr() 函數(shù)操作的是文檔節(jié)點的屬性，因此設(shè)置的屬性值只能是 字符串類型 ，如果不是字符串類型，也會調(diào)用其 toString() 方法，將其轉(zhuǎn)為字符串類型。
prop()函數(shù)操作的是 JS對象的屬性 ，因此設(shè)置的屬性值可以為包括數(shù)組和對象在內(nèi)的 任意類型。
詳見參考部分的鏈接
jQuery中ajax - get() 方法實例詳解
在jquery中使用get，post和ajax方法給服務(wù)器端傳遞數(shù)據(jù)，在上篇文章給大家分享了jquery中ajax-post()方法實例，下面通過本文繼續(xù)學(xué)習(xí)jQuery中ajax
-
get()
方法，具體介紹請看下文。
jQuery
Ajax
參考手冊
實例
使用
AJAX
的
GET
請求來改變
div
元素的文本：
$("button").click(function(){
$.get("demo_ajax_load.txt",
function(result){
$("div").html(result);
});
});
親自試一試
定義和用法
get()
方法通過遠(yuǎn)程
HTTP
GET
請求載入信息。
這是一個簡單的
GET
請求功能以取代復(fù)雜
$.ajax
。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù)，請使用
$.ajax。
語法
$(selector).get(url,data,success(response,status,xhr),dataType)
詳細(xì)說明
該函數(shù)是簡寫的
Ajax
函數(shù)，等價于：
$.ajax({
url:
url,
data:
data,
success:
success,
dataType:
dataType
});
根據(jù)響應(yīng)的不同的
MIME
類型，傳遞給
success
回調(diào)函數(shù)的返回數(shù)據(jù)也有所不同，這些數(shù)據(jù)可以是
XML
root
元素、文本字符串、JavaScript
文件或者
JSON
對象。也可向
success
回調(diào)函數(shù)傳遞響應(yīng)的文本狀態(tài)。
對于
jQuery
1.4，也可以向
success
回調(diào)函數(shù)傳遞
XMLHttpRequest
對象。
示例
請求
test.php
網(wǎng)頁，忽略返回值：
$.get("test.php");
更多示例
例子
1
請求
test.php
網(wǎng)頁，傳送2個參數(shù)，忽略返回值：
$.get("test.php",
{
name:
"John",
time:
"2pm"
}
);
例子
2
顯示
test.php
返回值(HTML
或
XML，取決于返回值)：
$.get("test.php",
function(data){
alert("Data
Loaded:
"
+
data);
});
例子
3
顯示
test.cgi
返回值(HTML
或
XML，取決于返回值)，添加一組請求參數(shù)：
$.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的默認(rèn)行為
$("form
input[type='submit']").click(function(){
var
url
=
$('form').attr('action');
//
取Form中要提交的鏈接
var
param
=
{};
//
組裝發(fā)送參數(shù)
param['name']
=
$('form
input[name=name]').val();
param['age']
=
$('form
input[name=age]').val();
$.get(url,
param,
function(dom)
{
$('div.get').append(dom)
})
;
//
發(fā)送并顯示返回內(nèi)容
});
})
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旋轉(zhuǎn)插件jqueryrotate用法詳解
本文實例講述了jQuery旋轉(zhuǎn)插件jqueryrotate用法。分享給大家供大家參考，具體如下：
CSS3
提供了多種變形效果，比如矩陣變形、位移、縮放、旋轉(zhuǎn)和傾斜等等，讓頁面更加生動活潑有趣，不再一動不動。然后
IE10
以下版本的瀏覽器不支持
CSS3
變形，雖然
IE
有私有屬性濾鏡（filter），但不全面，而且效果和性能都不好。
今天介紹一款
jQuery
插件——jqueryrotate，它可以實現(xiàn)旋轉(zhuǎn)效果。jqueryrotate
支持所有主流瀏覽器，包括
IE6。如果你想在低版本的
IE
中實現(xiàn)旋轉(zhuǎn)效果，那么
jqueryrotate
是一個很好的選擇。
兼容性
jqueryrotate
支持所有主流瀏覽器，包括
IE6。jqueryrotate
在高級瀏覽器中使用
CSS3
transform
屬性實現(xiàn)，在低版本
IE
中使用
VML
實現(xiàn)。當(dāng)然，你可以使用
IE
條件注釋，低版本
IE
使用
jqueryrotate，高級瀏覽器則直接使用
CSS3。
使用方法
//演示1
//旋轉(zhuǎn)45angle
$(document.body).click(function
()
{
//方式1
$('.divOne').rotate(45);
//方式2
$('.divOne').rotate({
angle:
45
});
});
//演示2
//鼠標(biāo)移動效果
//方式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
不停旋轉(zhuǎn)
//方式1
var
angle
=
0;
setInterval(function
()
{
angle
+=
3;
$('.divOne').rotate(angle);
},
50);
//方式2
var
rotation
=
function
()
{
$('.divOne').rotate({
angle:
0,
animateTo:
360,
callback:rotation
})
}
rotation();
//方式3
var
rotation
=
function
()
{
$('.divOne').rotate({
angle:
0,
animateTo:
360,
callback:
rotation,
easing:
function
(x,
t,
b,
c,
d)
{
return
c
*
(t
/
d)
+
b;
}
})
}
rotation();
//演示4
點擊旋轉(zhuǎn)
//方式1
$('.divOne').click(function
()
{
$(this).rotate({
angle:
0,
animateTo:
180,
easing:
$.easing.easeInOutExpo
});
});
var
val
=
0;
$('.divOne').click(function
()
{
val
+=
90;
$(this).rotate({
animateTo:
val
});
});
參數(shù)
參數(shù)
類型
說明
默認(rèn)值
angle
數(shù)字
旋轉(zhuǎn)一個角度
animateTo
數(shù)字
從當(dāng)前的角度旋轉(zhuǎn)到多少度
step
函數(shù)
每個動畫步驟中執(zhí)行的回調(diào)函數(shù)，當(dāng)前角度值作為該函數(shù)的第一個參數(shù)
無
easing
函數(shù)
自定義旋轉(zhuǎn)速度、旋轉(zhuǎn)效果，需要使用
jQuery.easing.js
無
duration
整數(shù)
旋轉(zhuǎn)持續(xù)時間，以毫秒為單位
callback
函數(shù)
旋轉(zhuǎn)完成后的回調(diào)函數(shù)
無
getRotateAngle
函數(shù)
返回旋轉(zhuǎn)對象當(dāng)前的角度
無
stopRotate
函數(shù)
停止旋轉(zhuǎn)
無
演示雖然使用的是圖片，但
jqueryrotate
并不只是能運用在圖片上，其他元素如
div
等也可以使用。同時，你可以發(fā)揮想象，制作出更多關(guān)于旋轉(zhuǎn)的特效。
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《jQuery窗口操作技巧總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jquery中Ajax用法總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計有所幫助。
jQuery事件詳解之$(document).ready()
在頁面加載結(jié)束后，瀏覽器會通過js為dom元素添加事件。原生的js中使用 window.onload 方法;在JQ中使用$(document).ready()。這個方法在dom載入就緒時對其進(jìn)行操縱并調(diào)用執(zhí)行它所綁定的函數(shù)。
那么它和window.onload有何不同呢？
window.onload是在網(wǎng)頁中所有元素 加上所有資源 ++完全加++載到瀏覽器后才執(zhí)行。
而$(document).ready()中綁定的事件是在 dom完全就緒 時就可以被調(diào)用，此時對于jQuery來說都是可以被訪問的（關(guān)聯(lián)的資源可能并沒有被加載完畢）。
舉個例子來說，在$(document).ready()中定義了圖片的寬高，但由于此時圖片還沒有被加載完畢，此時的寬高不會生效。要解決這個問題可以使用jQuery中的 load ()方法。
load()方法會在元素的onload事件中綁定一個處理函數(shù)，如果該處理函數(shù)綁定給window對象，則會在所有資源加載完畢后觸發(fā)，如果load綁定在元素上則會在該元素加載完畢后觸發(fā)。
既然window.onload比較完備為什么還要用jQuery中的$(document).ready()呢？
window.onload事件 每次只能保存對一個函數(shù)的引用 ，他會覆蓋掉之前的函數(shù)，所以不能再現(xiàn)有行為上添加新的行為。如果引用了多個js文件，每個都需要window.onload方法就導(dǎo)致編碼復(fù)雜。
使用$(document).ready()方法能夠很好地解決這種問題，每次調(diào)用$document.ready()方法都會在現(xiàn)有行為上追加新的行為，這些行為會根據(jù)注冊順序依次執(zhí)行。
文章名稱：jquery詳解,jquery?
標(biāo)題路徑：http://chinadenli.net/article2/dsgeeoc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站改版、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、搜索引擎優(yōu)化、App設(shè)計
聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)
- 我國網(wǎng)絡(luò)營銷的現(xiàn)狀_網(wǎng)站建設(shè)前的市場分析及網(wǎng)站策劃都有什么？ 2021-09-12
- 移動互聯(lián)網(wǎng)時代建設(shè)移動網(wǎng)站策劃該怎么做？ 2022-11-29
- 網(wǎng)站建設(shè)的家居網(wǎng)站策劃方案 2022-08-08
- 企業(yè)網(wǎng)站需要網(wǎng)站策劃已刻不容緩 2021-01-09
- 網(wǎng)站策劃基本內(nèi)容有哪些? 2016-11-03
- 什么是網(wǎng)站策劃？ 2016-09-08
- 企業(yè)網(wǎng)站建設(shè)前網(wǎng)站策劃要做好哪些方面 2021-12-02
- 做好前期市場分析和網(wǎng)站策劃，一步步實現(xiàn)網(wǎng)站價值 2016-12-10
- 生活平臺類網(wǎng)站策劃二 2023-03-06
- 成都網(wǎng)站建設(shè)如何幫企業(yè)做網(wǎng)站策劃 2016-11-07
- 建站前的網(wǎng)站策劃是多么重要！ 2016-08-12
- 企業(yè)網(wǎng)站建設(shè)關(guān)鍵之網(wǎng)站策劃須知 2021-01-09