jqueryの基本構文-jsチュートリアル-php.cn

jqueryの基本構文

无忌哥哥

リリース： 2018-06-29 10:51:37

オリジナル

1877 人が閲覧しました

基本構文: $(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>标签中的文本,将它的前景色设置为红色
$(&#39;h2 span&#39;).css(&#39;color&#39;,&#39;red&#39;)
//我们还可以修改一个元素的内容
$(&#39;p+p&#39;).html(&#39;终于找到你了,开工吧&#39;)
//补充知识: $()还可以创建一个新元素
$(&#39;<img src="../images/zly.jpg" width="150">&#39;)
//为什么看不到呢?因为你还没有把这个元素添加到当前页面中
//insertAfter(元素):插入到指定元素的后面
// $(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;)
//我们还可以对新插入的元素进一步的处理:例如修剪成圆形
$(&#39;<img src="../images/zly.jpg" width="150">&#39;).insertAfter(&#39;h2&#39;).css(&#39;border-radius&#39;,&#39;50%&#39;)
</script>
</body>
</html>

ログイン後にコピー

以上がjqueryの基本構文の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。