[計算機(jī)軟件及應(yīng)用]jquery_基礎(chǔ)教程(編輯修改稿)
2024-11-15 04:06 本頁面
【文章內(nèi)容簡介】 , true)。*/ $(this).attr(checked,!$(this).attr(checked))。 })。 })。 //取消全選 $(delselect).click(function() { $(input[@name=39。newsId39。]).each(function() { $(this).attr(checked, false)。 })。 })。 要想用到一些更加炫的效果，那么去看 api，呵呵！ 效果之 CSS 對 CSS從 13中的大部分都支持，具體的詳細(xì)信息請看 W3C ： addClass() 如： $(“p”).addClass(“class”)。 CSS css(“color”):得到 color的值 css(“color”,”blue”)把 color值改為 blue css({“color”:”blue”,”fontsize”:”20px”}) 效果之速度一 1. 顯示 隱藏 show() hide()跟 display屬性類似 例子見 show(param),param可以是 ?slow?， ?normal?， ?fast? slow= normal= fast= 2. 淡入淡出 fadeIn(),fadeOut() 例子見 效果之速度二 3. show(?slow?)會同時修改寬度、高度和不透明度屬性，因此，事實上它只是 animate()方法的一種內(nèi)置了特定樣式屬性的簡寫形式。 $().animate({height: ?show?, width:?show?, opacity:?show?}, ?slow?)。 Animate me ? 什么是 Animate？ 使什么有生氣，激勵（引申為動態(tài)效果） animate(params,duration,easing,callback) params:必選，其他可選 params:一組包含作為動畫屬性和終值的樣式屬性和及其值的集合 duration:(默認(rèn)值 : normal) 三種預(yù)定速度之一的字符串 (slow, normal, or fast)或表示動畫時長的毫秒數(shù)值 (如： 1000) 見實例 屬性的詳細(xì)意思請查看 api Ajax ajax form id=myForm action= method=post Name: input type=text name=name / Comment: textarea name=ment/textarea input type=submit value=Submit Comment / /form head script type=text/javascript // wait for the DOM to be loaded $(document).ready(function() { var queryString = $(39。myForm39。).formSerialize()。 // bind 39。myForm39。 and provide a simple callback function $(39。myForm39。).ajaxForm(function() { alert(Thank you for your ment!)。 })。 })。 /script /head Ajax 一 ? var options = { ? //target: 39。output139。, // target element(s) to be updated with server response ? beforeSubmit: showRequest, // presubmit callback ? success: showResponse, // postsubmit callback ? ? // other available options: ? //url: url // override for form39。s 39。action39。 attribute ? //type: type // 39。get39。 or 39。post39。, override for form39。s 39。method39。 attribute ? //dataType: null // 39。xml39。, 39。script39。, or 39。json39。 (expected server response type) ? //clearForm: true // clear all form fields after successful submit ? resetForm: true // reset the form after successful submit ? ? // $.ajax options can be used here too, for example: ? //timeout: 3000 ? }。 ? $(39。myForm39。).ajaxForm(options)。 Ajax 二 function showRequest(formData, jqForm, options) { } formData是一個數(shù)組 jqForm 是一個對象 function showResponse(responseText, statusText) { } 例子見 scheduler系統(tǒng) Ajax 三 Jquery 自帶的 ajax $.post(url, [data], [callback]
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1