一般的に使用される jquery メソッドは何ですか?

一个新手
リリース: 2017-09-18 09:49:52
オリジナル
2350 人が閲覧しました

jquery 効果

1.隐藏/显示  hide(),show(),toggle()
2.淡入/淡出  fadeIn(),fadeOut(),fadeToggle(),fadeTo()
ログイン後にコピー
fadeTo(speed,opcity)这个不常用,但是效果好。opcity取0~1之间的值
ログイン後にコピー
3.滑动  slideUp(),slideDown(),slideToggle()
4.动画  animate()       $().animate(参数,speed,callback);
ログイン後にコピー
注:动画的属性名称必须使用marginLeft这种而不是margin-left
可以设置相对值。如:"left":"+=10px"
animate()可以设置队列动画,即动画的不同属性按顺序写,他就会按顺序执行
ログイン後にコピー
5.stop(stopAll,goToEnd)
ログイン後にコピー
6.jquerychain

 该方法在动画执行完之前就可以结束动画。适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
    stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画
    goToEnd 参数规定是否立即完成当前动画。默认是 false。
ログイン後にコピー
注: 上記のメソッドはすべてコールバック関数を持ち、コールバックが匿名関数の場合はすぐに実行できます。関数名は toggle

jquery HTML

Return content

$("#p1").css("color","red")
 .slideUp(2000)
 .slideDown(2000);
jQuery 会抛掉多余的空格,并当成一行长代码来执行上面的代码行。
ログイン後にコピー
1.html(),text(),val()(这三种方法同样存在回调函数)
ログイン後にコピー
html或者text或者val(function(i,origvalue){})
回调函数有两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。
区别:html()可以返回标签结构,其他两个只返回文本
ログイン後にコピー
2.attr()和prop的区别 (这种方法同样存在回调函数)
ログイン後にコピー
我觉得attr用与获取和设置自定义的属性。prop用于获取标签固有的属性
attr(function(i,origvalue){})
ログイン後にコピー
3.添加文本append(),prepend()。before(),after()
ログイン後にコピー
前两个是在所选元素里面的前后添加
后两个是在所选元素的外部的前后添加
ログイン後にコピー
4.删除元素/内容    remove(),empty()
ログイン後にコピー
前者删除被选元素及其子元素
后者删除被选元素的子元素
ログイン後にコピー
5.操作css       addClass(”class1,class2,,,”),removeClass(),css()    注:css方法和animate()方法不同,css方法属性使用的是margin-left而不是marginLeft
6.元素尺寸
ログイン後にコピー
jquery traversal

です。

jquery トラバーサル

width(),height(),innerWidth(),innerHeight(),outerWidth(),outHeight()
width(),height()==元素的宽高(不包括padding, margin,和border)
innerWidth(),innerHeight()==元素的宽高+padding(不包括margin和border)
outerWidth(),outHeight()==元素的宽高+padding+border(不包括margin)
ログイン後にコピー

jquery Ajax

* *

構文: $ .ajax({name:value, name:value, … })


非同期 Ajax リクエストの 5 つのステップ ステップ 1:

1.父   parent(),parents(); 
2.子   children(),find() 
3.同胞 siblings(),pre(),next() 
4.过滤  first(),last(),eq(),filter(),not() 
  $(“p”).filter(“.url”);返回带有类名 “url” 的所有
元素: 
  $(“p”).not(“.url”);返回不带有类名 “url” 的所有
元素:
**
ログイン後にコピー

ステップ 2: パラメータを設定する

var xmlhttp;if (window.XMLHttpRequest)
{    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}else{    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
ログイン後にコピー
ステップ 34:

url:”“, type:”“, success: ,error:等
ログイン後にコピー
ステップ 5:

xmlhttp.open(“GET”,”url”,true); 
  例如:”a.php?t=” +Math.random()” 
   xmlhttp.send();
ログイン後にコピー
get は post とは異なります。get はアドレス バーに送信されます。投稿はバックグラウンドの php ページに送信されます。 get メソッドの場合は、次のように URL を記述してください: 例: "a.php?name=zhangsan&age=14"

最後に、サーバーから返されたデータを処理します

xmlhttp.onreadystatechange=function() { 
      if (xmlhttp.readyState==4 &&
xmlhttp.status==200) 
      { 
          document.getElementById(“myp”).innerHTML=xmlhttp.responseText; 
      } }
ログイン後にコピー
ajax は、 php/xml/jsp やその他のファイルを処理する場合も同様です。それは主に、返されたデータがどのようなものであるかに依存し、それに応じて処理されます


多くの JS フレームワークは略語記号として $ を使用するためです。複数のフレームワークを使用すると、jQuery が実行を停止します

解決策: jQuery noConflict() メソッド

1. $

xmlhttp.responseText; 获得字符串形式的响应数据。 xmlhttp.responseXML;  
获得 XML形式的响应数据。
ログイン後にコピー

の代わりに独自の表現シンボルを作成します。 2. 外側には jQuery を使用し、内側には $

var jq = $.noConflict();
jq(document).ready(function(){
  jq("button").click(function(){
    jq("p").text("jQuery 仍然在工作!");
  });
});
ログイン後にコピー

を使用します。 jquery JSONP

ドメイン名の制限なしでscriptタグのsrc属性を使用します

$.noConflict();
jQuery(document).ready(function($){
  $("button").click(function(){
    $("p").text("jQuery 仍然在工作!");
  });
});
ログイン後にコピー
;

以上が一般的に使用される jquery メソッドは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!