jQueryの基本セレクタ
1991 ワード
参照
N 2:JQueryセレクタ1、タイプ:基本セレクタ:階層セレクタ:フィルタセレクタ:*単純フィルタセレクタ*コンテンツフィルタセレクタ*可視フィルタセレクタ*プロパティフィルタセレクタ*サブエレメントフィルタセレクタ*フォームオブジェクトプロパティフィルタセレクタフォームセレクタ:1.1:基本セレクタ#id指定idに基づいてエレメントを一致させ、単一の要素を返します.(一意性)$("#x");calssは指定したクラス名に基づいて要素を一致させ、集合要素を返します.$(".t"); elementは、与えられた要素名に基づいて一致し、結合要素を返します.$("p"); * すべての要素を一致させ、結合要素を返します.s 1,s 2,s 3は、各セレクタが一致する要素を結合して一緒に返します.たとえば、$(「div,span,p,myClass」).
ケース:
N 2:JQueryセレクタ1、タイプ:基本セレクタ:階層セレクタ:フィルタセレクタ:*単純フィルタセレクタ*コンテンツフィルタセレクタ*可視フィルタセレクタ*プロパティフィルタセレクタ*サブエレメントフィルタセレクタ*フォームオブジェクトプロパティフィルタセレクタフォームセレクタ:1.1:基本セレクタ#id指定idに基づいてエレメントを一致させ、単一の要素を返します.(一意性)$("#x");calssは指定したクラス名に基づいて要素を一致させ、集合要素を返します.$(".t"); elementは、与えられた要素名に基づいて一致し、結合要素を返します.$("p"); * すべての要素を一致させ、結合要素を返します.s 1,s 2,s 3は、各セレクタが一致する要素を結合して一緒に返します.たとえば、$(「div,span,p,myClass」).
ケース:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<!-- ************************** *********************************** -->
<script type="text/javascript" src="js/jquery-1.8.3.js">
</script>
<!-- ************************************************************* -->
<script type="text/javascript">
//
$(document).ready(function() {
test();
});
// :JQuery java
function test(){
$("#id").click(function(){
alert(" #id ");
});
$(".class").click(function(){
alert(" .class ");
});
$("p").click(function(){
alert(" element ");
});
$("p,div.class").click(function(){
alert(" selector1 ");
});
}
</script>
</head>
<body>
<h3> </h3>
<div id="id"> #id </div>
<div class="class"> .class </div>
element 1
element 2
element 3
</body>
</html>