ホームページ >バックエンド開発 >PHPチュートリアル >Web の高度な jQuery 操作 DOM 要素&&MySQL レコードの操作&&PHP オブジェクト指向の学習ノート、Web の高度な jquerydom_PHP チュートリアル
Web の高度な jQuery 操作 DOM 要素&&MySQL レコードの操作&&PHP オブジェクト指向の学習ノート、Web の高度な jquerydom_PHP チュートリアル
- WBOYオリジナル
- 2016-07-12 09:05:47804ブラウズ
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>
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 | ----------+-----------------------------+-----+--- ---+
---レコードを挿入するその他の方法
--挿入..設定
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 |
+------ +
データテーブル内の名前は実際には変更されていません
----どこの条件
追加と削除には通常、追加が必要です。それ以外の場合は、WHERE 式が関数または演算子をサポートする操作になります。
----GROUP BY クエリ結果のグループ化
ASC昇順、DESC降順
mysql> 性別グループから性別を選択;
+------+
| 0 |
+-----+
mysql> 年齢別グループから性別を選択 |
+------+
| 0 ||
+------+---グループ化条件あり
mysql> ユーザーから性別、年齢を選択 性別 HAVING 年齢>20;
+------+-----+
| 年齢 |
+-----+--- --+
| 27 |
+-----+-----+
having ステートメントのフィールドは select に現れるか、単に集計関数 (max など) である必要があることに注意してください
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とは関係ありません
+----+----------+----------+-----+- ---+
| ユーザー名 | 年齢 |+----------+----------+--- --+-----+
| 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=&$ジェームズ;
その中に&の参照があり、二つのオブジェクトの変化が同期しており、一種の画像とみなすことができます。具体的には、上記のデストラクターを使用して簡単に検証できます。