$(document).ready(function(){
成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、堆龍德慶網(wǎng)絡(luò)推廣、微信小程序、堆龍德慶網(wǎng)絡(luò)營(yíng)銷、堆龍德慶企業(yè)策劃、堆龍德慶品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們最大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供堆龍德慶建站搭建服務(wù),24小時(shí)服務(wù)熱線:18982081108,官方網(wǎng)址:m.rwnh.cn
$("#btn2").click(function(){
$("input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' br").appendTo("#ccc");
});
$("#btn1").click(function(){
$("#nowamagic").append("input type='text' name='ddd' id='ddd' value='Hello, Nowamagic' br");
});
});
這里我們必須知道一點(diǎn),就是 append 和 appendTo 的區(qū)別:append 單純的內(nèi)容,appendTo 要把內(nèi)容傳給某個(gè)元素。
這個(gè)函數(shù)的用法有很多,比如你可以按需要追加form,在區(qū)域內(nèi)追加圖片等等都是可以的。
可以用如下方式,
div class="a1"
div class="b"bbb/div
div class="c"ccc/div
/div
script type="text/javascript"
!--
$(function(){
$(".a1").after("div class='a2'/div");
$(".a1 .c").appendTo($(".a2"));
})
--
/script
這兩種方法都是jquery中的基本用法中的一種,
它還有很多方法在網(wǎng)上可以搜到j(luò)query的幫助文檔,有興趣的話可以看看,它里面包括很多,
其中ajax和一些ui框架在我們做web開(kāi)發(fā)時(shí)經(jīng)常用到而且很方便
使用ajax。
參考代碼:
$(function(){
$.ajax({
type:"POST",??????url:"LoginLoadArticle.ashx", ? ?
data: "type="+escape("最新公告") ,
success:function(msg){
$(".gonggao").html(msg);
},??????error:function(XMLHttpRequest, textStatus, thrownError){}
})
})
擴(kuò)展資料:
xml:返回XML文檔,可用JQuery處理。?
html:返回純文本HTML信息;包含的script標(biāo)簽會(huì)在插入DOM時(shí)執(zhí)行。?
script:返回純文本JavaScript代碼。不會(huì)自動(dòng)緩存結(jié)果。除非設(shè)置了cache參數(shù)。注意在遠(yuǎn)程請(qǐng)求時(shí)(不在同一個(gè)域下),所有post請(qǐng)求都將轉(zhuǎn)為get請(qǐng)求。?
json:返回JSON數(shù)據(jù)。?
jsonp:JSONP格式。使用SONP形式調(diào)用函數(shù)時(shí),例如myurl?callback=?,JQuery將自動(dòng)替換后一個(gè)“?”為正確的函數(shù)名,以執(zhí)行回調(diào)函數(shù)。?
text:返回純文本字符串。?
beforeSend:要求為Function類型的參數(shù),發(fā)送請(qǐng)求前可以修改XMLHttpRequest對(duì)象的函數(shù)。
原生App 與 移動(dòng)Web App : 定義
什么叫做原生App?
原生App是專門(mén)針對(duì)某一類移動(dòng)設(shè)備而生的,它們都是被直接安裝到設(shè)備里,而用戶一般也是通過(guò)網(wǎng)絡(luò)商店或者賣場(chǎng)來(lái)獲取例如 The App Store 與 Android Apps on Google Play .
什么叫做移動(dòng)Web App?
一般說(shuō)來(lái),移動(dòng)Web App都是都是需要用到網(wǎng)絡(luò)的,它們利用設(shè)備上的瀏覽器(比如iPhone的Safari)來(lái)運(yùn)行,而且它們不需要在設(shè)備上下載后安裝。
開(kāi)發(fā)方面
原生App
⊙ 每一種移動(dòng)操作系統(tǒng)都需要獨(dú)立的開(kāi)發(fā)項(xiàng)目
⊙ 每種平臺(tái)都需要獨(dú)立的開(kāi)發(fā)語(yǔ)言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的軟件開(kāi)發(fā)包,開(kāi)發(fā)工具以及各自的控件
移動(dòng)Web App
⊙ 因?yàn)檫\(yùn)行在移動(dòng)設(shè)備的瀏覽器上,所以只需要一個(gè)開(kāi)發(fā)項(xiàng)目
⊙ 這種應(yīng)用可以使用HTML5,CSS3以及JavaScript以及服務(wù)器端語(yǔ)言來(lái)完成(PHP,Ruby on Rails,Python)
⊙ 這里可沒(méi)有標(biāo)準(zhǔn)的SDK,基本任意選擇別忘了有一些跨平臺(tái)的開(kāi)發(fā)工具,比如PhoneGap, Sencha Touch 2,APPcan以及Appcelerator Titanium等等。
能力方面
原生App
⊙ 能夠與移動(dòng)硬件設(shè)備的底層功能,比如個(gè)人信息,攝像頭以及重力加速器等等
移動(dòng)Web App
⊙ 只能使用有限的移動(dòng)硬件設(shè)備功能。
獲取方法
原生App
⊙ 直接下載到設(shè)備
⊙ 以獨(dú)立的應(yīng)用程序運(yùn)行(并不需要瀏覽器)
⊙ 用戶必須手動(dòng)去下載并安裝這些原生App
⊙ 有一些商店與賣場(chǎng)來(lái)幫助用戶尋找你的App,目前app市場(chǎng)不計(jì)其數(shù),
移動(dòng)Web App
⊙ 從移動(dòng)設(shè)備上的瀏覽器訪問(wèn)
⊙ 不需要安裝額外的軟件
⊙ 軟件更新只需要服務(wù)器就夠了
⊙ 因?yàn)楝F(xiàn)在沒(méi)有什么商品或賣場(chǎng)提供這種App,所以如何搜索這些移動(dòng)Web App相當(dāng)不簡(jiǎn)單
版本控制
原生App
⊙ 用戶可以自由地選擇是否更新軟件版本,所以會(huì)出現(xiàn)不同用戶同時(shí)使用不同版本的情況
移動(dòng)Web App
⊙ 所有的用戶都是用同樣的版本
優(yōu)勢(shì)
原生App
⊙ 比移動(dòng)Web App運(yùn)行快
⊙ 一些商店與賣場(chǎng)會(huì)幫助用戶尋找原生App
⊙ 官方賣場(chǎng)的應(yīng)用審核流程會(huì)保證讓用戶得到高質(zhì)量以及安全的App
⊙ 官方會(huì)發(fā)布很多開(kāi)發(fā)工具或者人工支持來(lái)幫助你的開(kāi)發(fā)
移動(dòng)Web App
⊙ 跨平臺(tái)開(kāi)發(fā)
⊙ 用戶不需要去賣場(chǎng)來(lái)下載安裝App
⊙ 任何時(shí)候都可以發(fā)布App,因?yàn)楦静恍枰俜劫u場(chǎng)的審核
⊙ 如果你已經(jīng)有了一個(gè)Web App,你可以使用 responsive web design來(lái)輔助改進(jìn)(這也是優(yōu)勢(shì)?)
缺陷
原生App
⊙ 開(kāi)發(fā)成本高,尤其是當(dāng)需要多種移動(dòng)設(shè)備來(lái)測(cè)試時(shí)
⊙ 因?yàn)槭遣煌拈_(kāi)發(fā)語(yǔ)言,所以開(kāi)發(fā),維護(hù)成本也高
⊙ 因?yàn)橛脩羰褂玫腁pp版本不同,所以你維護(hù)起來(lái)很困難
⊙ 官方賣場(chǎng)審核流程復(fù)雜且慢,會(huì)嚴(yán)重影響你的發(fā)布進(jìn)程
移動(dòng)Web App
⊙ 無(wú)法使用很多移動(dòng)硬件設(shè)備的獨(dú)特功能
⊙ 要同時(shí)支持多種移動(dòng)設(shè)備的瀏覽器讓開(kāi)發(fā)維護(hù)的成本也不低
⊙ 如果用戶使用更多的新型瀏覽器,那問(wèn)題就更不好處理了
⊙ 對(duì)于用戶來(lái)說(shuō),這種App很難被用戶發(fā)現(xiàn)
交互上的區(qū)別:
1、頁(yè)面跳轉(zhuǎn)更加費(fèi)力,不穩(wěn)定感更強(qiáng)
思考點(diǎn):如何減少跳轉(zhuǎn)(扁平結(jié)構(gòu)、頁(yè)面布局技巧),增加數(shù)據(jù)及展示的流暢流程及穩(wěn)定性(技術(shù))
2、更小的頁(yè)面空間(由于瀏覽器的導(dǎo)航本身占用一部分屏幕空間),更大的信息記憶負(fù)擔(dān)移動(dòng)設(shè)備的屏幕要小得多。這種如同透過(guò)門(mén)縫進(jìn)行的閱讀增加了認(rèn)知的負(fù)擔(dān)。人腦的短期記憶是不穩(wěn)定的,用戶在滾動(dòng)屏幕的過(guò)程中需要臨時(shí)記憶的信息越多,他們的表現(xiàn)就會(huì)越差。
思考點(diǎn):排版更清晰、信息更簡(jiǎn)練 (可在原生APP基礎(chǔ)上去掉一些豐富、復(fù)雜的視覺(jué)表現(xiàn))
3、導(dǎo)航不明顯,原有底部導(dǎo)航消失,有效的導(dǎo)航遇到挑戰(zhàn)
思考點(diǎn):如何有效的提供導(dǎo)航?有哪些形式?
4、交互動(dòng)態(tài)效果收到限制,影響一些頁(yè)面場(chǎng)景、邏輯的理解。
思考點(diǎn):比如登錄注冊(cè)流程的彈出、完成及異常退出,做好文字提示。
網(wǎng)站名稱:jquery加html,引入jquery
分享網(wǎng)址:http://m.rwnh.cn/article38/phpopp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供Google、網(wǎng)頁(yè)設(shè)計(jì)公司、全網(wǎng)營(yíng)銷推廣、網(wǎng)站制作、商城網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)