ホームページ > 記事 > ウェブフロントエンド > jqueryの基本構文
jqueryの基本構文
- 无忌哥哥オリジナル
- 2018-06-29 10:51:371892ブラウズ
基本構文: $(selector).Method()
基本プロセス:
1-セレクターを使用して DOM 要素を検索し、それらをパッケージ化して jQuery オブジェクトを生成します
2- jQuery メソッドを呼び出して、見つかった要素を操作します
概要: 要素を見つけて操作する
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>4.jquery的基本语法</title> </head> <body> <script type="text/javascript" src="../js/jquery-3.3.1.js"></script> <script type="text/javascript"> // 选择到<span>标签中的文本,将它的前景色设置为红色 $('h2 span').css('color','red') //我们还可以修改一个元素的内容 $('p+p').html('终于找到你了,开工吧') //补充知识: $()还可以创建一个新元素 $('<img src="../images/zly.jpg" width="150">') //为什么看不到呢?因为你还没有把这个元素添加到当前页面中 //insertAfter(元素):插入到指定元素的后面 // $('<img src="../images/zly.jpg" width="150">').insertAfter('h2') //我们还可以对新插入的元素进一步的处理:例如修剪成圆形 $('<img src="../images/zly.jpg" width="150">').insertAfter('h2').css('border-radius','50%') </script> </body> </html>
以上がjqueryの基本構文の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。