Web の高度な jQuery 操作 DOM 要素&&MySQL レコードの操作&&PHP オブジェクト指向の学習ノート、Web の高度な jquerydom_PHP チュートリアル

WBOY
リリース: 2016-07-12 09:05:47
オリジナル
793 人が閲覧しました

web进阶之jQuery操作DOM元素&&MySQL记录操作&&PHP面向对象学习笔记,web进阶jquerydom

hi

保持学习数量和质量

1、jQuery操作DOM元素

----使用attr()方法控制元素的属性

attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。

控制就是获取以及设置

attr()方法设置元素属性


点我就变
我改变后的地址是:


----操作元素的内容

使用html()text()方法操作元素的内容,当两个方法的参数为空时,表示获取该元素的内容,而如果方法中包含参数,则表示将参数值设置为元素内容。

使用方法与attr()略有不同,但作用基本相同

html()和text()方法设置元素内容





----操作元素的样式

通过addClass()css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。


css()方法设置元素样式


我穿了一件红色外衣



----移除属性和样式

使用removeAttr(name)removeClass(class)分别可以实现移除元素的属性和样式的功能,前者方法中参数表示移除属性名,后者方法中参数则表示移除的样式名


removeClass()方法移除元素样式


我脱下了一件蓝色外衣



----使用append()方法向元素内追加内容

append(content)方法的功能是向指定的元素中追加内容,被追加的content参数,可以是字符、HTML元素标记,还可以是一个返回字符串内容的函数。


append()方法追加内容




----使用appendTo()方法向被选元素内插入内容

appendTo()方法也可以向指定的元素内插入内容,它的使用格式是:

<strong>$(content).appendTo(selector)</strong>

参数content表示需要插入的内容,参数selector表示被选的元素,即把content内容插入selector元素内,默认是在尾部。


appendTo()方法插入内容



小乌龟



 注意这里的div若换为.red,效果会有不同,自行实验以及思考吧。

----使用before()和after()在元素前后插入内容

使用before()after()方法可以在元素的前后插入内容,它们分别表示在整个元素的前面和后面插入指定的元素或内容,调用格式分别为:

<strong>$(selector).before(content)</strong><strong>$(selector).after(content)</strong>

其中参数content表示插入的内容,该内容可以是元素或HTML字符串。

 


after()方法在元素之后插入内容


我们交个朋友吧!


----使用clone()方法复制元素

调用clone()方法可以生成一个被选元素的副本,即复制了一个被选元素,包含它的节点、文本和属性,它的调用格式为:

<strong>$(selector).clone()</strong>

其中参数selector可以是一个元素或HTML内容。

 


使用clone()方法复制元素


我是美猴王


----替换内容

replaceWith()replaceAll()方法都可以用于替换元素或元素中的内容,但它们调用时,内容和被替换元素所在的位置不同,分别为如下所示:

<strong>$(selector).replaceWith(content)</strong><strong>$(content).replaceAll(selector)</strong>

参数selector为被替换的元素,content为替换的内容。

 


使用replaceAll()方法替换元素内容


我是屌丝


----使用wrap()和wrapInner()方法包裹元素和内容

wrap()wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为:

<strong>$(selector).wrap(wrapper)</strong><strong>$(selector).wrapInner(wrapper)</strong>

参数selector为被包裹的元素,wrapper参数为包裹元素的格式。比如


wrapInner() メソッドを使用して要素をラップします


私の体は少し曲がっています


----each() メソッドを使用して要素を走査します

指定された要素のコレクションを走査するには、each() メソッドを使用します。走査中に、コールバック関数を通じて走査された要素のシーケンス番号が返されます。その呼び出し形式は次​​のとおりです。

<strong>$(selector).each(function(index))</strong>

パラメータ関数はトラバーサル中のコールバック関数で、インデックスはトラバースされた要素の0から始まるシーケンス番号です。

each() メソッドを使用して要素を走査


banana
;/span>
グレープ
ライチ



2.MySQL

-----稼働データテーブルの記録-----

mysql> CREATE TABLE users(

-> id SMALLINT UNSIGNED PRIMARY KEY AUTO_INCREMENT,
-> ユーザー名 VARCHAR(20) NOT NULL,
-> パスワード VARCHAR(32) NOT NULL,
-> age SMALLINT NOT NULLデフォルト 10,
-> セックス ブール値
->
----レコードを挿入 INSERT

tbl_name [(col_name)] {VALUES|VALUE}を挿入...

フィールドを省略した場合、すべてのフィールドに値が割り当てられます。この時点で主キーをインクリメントし続けたい場合は、主キーの VALUE を NULL/DEFAULT として書き込むだけです。また、フィールドが省略された場合、値はすべてのフィールドにのみ割り当てられる必要があり、一致しない場合はエラーが報告されます。

mysql> ユーザー INSERT VALUES(NULL,'Tom','123',23,1);

代入には値、関数、またはデフォルト値を書き込むことができます。例として、ここに複数の値を挿入します。

mysql> INSERT ユーザー VALUES(NULL,'Tom','123',23,1),(NULL,'Rose',md5('123'),DEFAULT,0);

mysql> SELECT * FROM ユーザー;

+------+----------+---------------------- ----------+-----+-----+

| パスワード |

+-----+----- ---+----------------------------+-----+----- -+
| 123 | 1 |
| 10 | ----------+-----------------------------+-----+--- ---+

---レコードを挿入するその他の方法

--挿入..設定

INSERT との違いは、サブクエリ (SubQuery) が実行でき、一度に 1 つのレコードのみを挿入できることです。

tbl_nameを挿入

mysql> ユーザーを挿入 SET username='Ben',password='323';

他のフィールドにはデフォルト値または空ではない値があるため、これは正しいです。

--挿入...選択

----更新 (単一テーブル更新) UPDATE

INSERT...SET...の書き方と似ています

mysql> ユーザーを更新 SET age=age+5;

mysql> SELECT * FROM ユーザー;
+------+----------+---------------------- ----------+-----+-----+
| パスワード |
+-----+----- ---+----------------------------+-----+----- | 1 | 123 | 1 | 202cb962ac59075d234b70 | 323 | 15 |
+----+----------+-------------------------------- --+-----+------+

この時点ですべての列を更新します。

特定の列を更新したい場合は、条件を使用する必要があります

mysql> ユーザーを更新 SET age=age+10 WHERE id%2=0;

これは、偶数のIDの年齢に10を加える操作を意味します

----レコードの削除 (単一テーブルの削除) DELETE

テーブル [どこ...] から削除

削除と挿入後のIDの変更に注意してください

mysql> DELETE FROM users WHERE id=2;

クエリ OK、1 行が影響を受けました (0.01 秒)

mysql> SELECT * FROM ユーザー;

+------+----------+---------------------- ----------+-----+-----+
| パスワード |

+-----+----- ---+----------------------------+-----+----- -+

| 123 | 0 | 323 |
----------+-----------------------------+-----+--- ---+
3 行セット (0.00 秒)

mysql> ユーザーを挿入 SET username='Ben',password='323';
クエリ OK、1 行が影響を受けました (0.01 秒)

mysql> SELECT * FROM ユーザー;
+------+----------+---------------------- ----------+-----+-----+

| パスワード |

+-----+----- ---+----------------------------+-----+----- | 1 | 123 | 0 | 323 | ベン | 323 | 10 |
+----+----------+-------------------------------- --+-----+------+

ID番号は自動的に追加され、インテリジェントに入力されるわけではないことに注意してください。

---クエリSELECT

データベースで最も一般的に使用されるステートメント。たとえば、以前見たことのあるユーザーから SELECT * FROM;

--クエリ式

各式は目的の列を表し、少なくとも 1 つ存在する必要があります。

複数の列は、

で区切られます。

* はすべての列を意味します。 tbl_name.* は、名前付きテーブルのすべての列を表すことができます;

mysql> ユーザーから ID、ユーザー名を選択します;

表示する順番を変更することもできます

mysql> ユーザー名からユーザー名、ID を選択;

+----------+----+

|

+----------+--- -+

| 1 |

| ベン |

+------+----+

将来の複数テーブルクエリの便宜のため、「完全な」クエリは次のように記述されます

mysql> ユーザーから user.id,users.username を選択します;

--エイリアスを付けます

mysql> SELECT id AS userid,username AS uname;
+--------+-------+
|
+------+ -------+
| 1 |

| 4 | ベン |

+------ +

データテーブル内の名前は実際には変更されていません

----どこの条件

追加と削除には通常、追加が必要です。それ以外の場合は、WHERE 式が関数または演算子をサポートする操作になります。
----GROUP BY クエリ結果のグループ化

ASC昇順、DESC降順

mysql> 性別グループから性別を選択;
+------+
| 0 |
+-----+

2行セット(0.01秒)

mysql> 年齢別グループから性別を選択 |

+------+

| 0 |

|

+------+

---グループ化条件あり

mysql> ユーザーから性別、年齢を選択 性別 HAVING 年齢>20;

+------+-----+
| 年齢 |
+-----+--- --+
| 27 |
+-----+-----+

having ステートメントのフィールドは select に現れるか、単に集計関数 (max など) である必要があることに注意してください

----クエリ結果はORDER BYで並べ替えられます


GROUP BYに似ています

mysql> SELECT * FROM ユーザーから ORDER BY age,id DESC;

+----+----------+-------------------------------- --+-----+-----+
| パスワード |
+----------+---- ----------------------------------+-----+------+
| 5 | 323 | 202cb962ac59075b07152d234b70 | | 0 |
+-- ---+- ----------+--------------------------------+ ----- +-----+

ここでは複数の並べ替え基準があることに注意してください。デフォルトの昇順は、同じものが見つかった場合、ID に基づいて降順で並べ替えられます。
----LIMIT は返品の数を制限します

mysql> SELECT * FROM ユーザー LIMIT 2,2;

+----+----------+----------+-----+--- ---+

| ユーザー名 | 年齢 |

+----------+----------+----- +------+

| 323 | 323 |
+------+ ----------+-----+------+

数値 2 を 1 つだけ書いた場合、それは最初から 2 つの数値を意味することに注意してください。ここでの 2,2 は、デフォルトでは配置が 0 から始まるため、3 番目の数値から 2 つの数値が返されることを意味します。第3条が始まります。

また、制限の順序はIDとは関係ありません

mysql> SELECT * FROM ユーザー ORDER BY ID DESC LIMIT 2;

+----+----------+----------+-----+- ---+

| ユーザー名 | 年齢 |

+----------+----------+--- --+-----+

| 323 | 4 |

+------ -+----------+-----+------+

----SELECTを学んだ後

mysql> INSERT test(username) SELECT username FROM users WHERE age>=20;

mysql> SELECT * FROM テスト;

+-----+----------+

ID |

+------+----------+

| 1 |

|

+----------+

方向性を持った検索や書き込みが可能です

---概要

記録操作: 追加、更新、削除、確認

挿入、更新、削除、選択

3. オブジェクト指向

-----基礎練習-----

---クラスの概念

クラスは、同じ「プロパティ」と「メソッド」を持つ「人のタイプ」とみなすことができます (ただし、対応する値は必ずしも同じではありません)。

属性はクラスの固有のプロパティです

メソッドはクラスの「アクション」です

クラスのオブジェクトはクラスのインスタンス化と呼ばれます - オブジェクトはクラスに属する個体、クラスの具体化です

クラスのプロパティとメソッドはクラスのメンバーです

----クラスのインスタンス化

クラスフレームに特定のデータを入力します

/*

* オブジェクト指向学習記録用のコード

*/

//クラス定義

class nbaPlayer{

public $name="Jordan";

public $height="198cm";
public $ Team="Bull";

public function __construct(){

}

public function run(){
echo "Runningn";
}
}
//インスタンス化
$jordan=new nbaPlayer(); /オブジェクトのプロパティとメソッドを呼び出します
echo $jordan->name."n";
$jordan->run();

----コンストラクター

__構築

デフォルトの呼び出し、クラスのデフォルト値を与えるようにカスタマイズできます

使用方法は関数内に変数を記述し、インスタンス化する際に値を与えるだけです

/*

* オブジェクト指向学習記録コード

*/

//定義クラス

class nbaPlayer{

public $name;

public $height;

public $team;

public function __construct ($ name,$height,$team){
echo "constructingn";// コンストラクターが呼び出されているかどうかを判断します
$this->name=$name; // $this 疑似変数を使用してメソッドにパラメーターを渡します
$this->height=$height;
$this->team=$team;
}

public function run(){
echo "Runningn";
}
}
//インスタンス化
$jordan= new nbaPlayer("Jordan","198cm","Bull");
//オブジェクトのプロパティとメソッドを呼び出します
echo $jordan->name."n";

$ジョーダン->run();

$james=new nbaPlayer("ジェームズ", "197cm", "ヒート");

ここではコンストラクターが 2 回出力されることに注意してください。つまり、コンストラクターはインスタンス化ごとに 1 回呼び出されます。

----デストラクター

__destruct()

デストラクターを作成した後、

function __destruct(){

echo "destructingn";

}

結果は以下の通りです

ジョーダンランニングの構築、破壊、破壊

言い換えると、プログラム終了時にデストラクターが自動的に呼び出されます

または、インスタンス化されたオブジェクトを null に割り当てるときに、デストラクターも呼び出されます

通常、使用済みリソースをクリーンアップするために使用されます

----オブジェクトリファレンス

//オブジェクトの参照

$james1=$james;

$ジェームズ2=&$ジェームズ;

その中に&の参照があり、二つのオブジェクトの変化が同期しており、一種の画像とみなすことができます。具体的には、上記のデストラクターを使用して簡単に検証できます。


www.bkjia.comtru​​ehttp://www.bkjia.com/PHPjc/1067639.html技術記事 Web 高度な jQuery による DOM 要素の操作 MySQL レコード操作 PHP オブジェクト指向の学習ノート、Web 高度な jquerydom Hi は学習の量と質を維持します 1. jQuery による DOM 要素の操作 ---- attr() メソッドを使用して制御します...
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート