Khmer Web: Selectors

ជាទូទៅ ទំរង់នៃការប្រើប្រាស់ក្បួនខ្នាតនៅក្នុងកញ្ចប់ jQuery មានសណ្ឋានជា $(៉"selector").action() ដែលនៅក្នុងនោះ សញ្ញា $ ជាការកំណត់យកក្បួនខ្នាត jQuery មកប្រើ និងការសរសេរថា (៉"selector") គឺជាការជ្រើសរើសយកធាតុ HTML ណាមួយមកប្រើការ តាមរយៈ css selctor ហើយការសរសេរថា action() គឺជាការកំណត់ឬការកែប្រែអ្វីមួយទៅលើធាតុ HTML ដែលត្រូវបានជ្រើសយកមកនោះ។ ពិនិត្យកម្មវិធីខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	ចំណងជើង

   <script>
     $("#title").css({"font-size":"50px"});
   </script>

  </body>
</html>

ចំណងជើង

នៅលើបន្ទាត់លេខ 12 នៃកម្មវិធីខាងលើ ការសរសេរថា $("#title").css({"font-size":"50px"}) គឺជាការប្រើប្រាស់ក្បួនខ្នាតក្នុងកញ្ចប់ jQuery ដើម្បីជ្រើសរើសយកធាតុ HTML មានអត្តសញ្ញាណជា title យកមកកែច្នៃ css របស់វា ដោយការដោះដូរទំហំនៃពុម្ពអក្សរនៅក្នុងធាតុនោះ អោយមានទំហំ 50px វិញ។

ដូចគ្នាដែរ យើងអាចធ្វើការជ្រើសរើសយកធាតុ HTML នានាតាមរយៈថ្នាក់របស់វា មកធ្វើការកែច្នៃផ្សេងៗ ដោយធ្វើដូចខាងក្រោមនេះ៖

<!DOCTYPE html>
<html>
  <head>
    
    
  </head>
  <body style="font:14px/1.5 'Odor Mean Chey'">

	កម្មវិធីជាភាសា JS

   <script>
     $(".text").css({"color":"red"});
   </script>

  </body>
</html>

កម្មវិធីជាភាសា JS

More Examples of jQuery Selectors

Syntax	Description
$("*")	Selects all elements
$(this)	Selects the current HTML element
$("p.intro")	Selects all <p> elements with class="intro"
$("p:first")	Selects the first <p> element
$("ul li:first")	Selects the first <li> element of the first <ul>
$("ul li:first-child")	Selects the first <li> element of every <ul>
$("[href]")	Selects all elements with an href attribute
$("a[target='_blank']")	Selects all <a> elements with a target attribute value equal to "_blank"
$("a[target!='_blank']")	Selects all <a> elements with a target attribute value NOT equal to "_blank"
$(":button")	Selects all <button> elements and <input> elements of type="button"
$("tr:even")	Selects all even <tr> elements
$("tr:odd")	Selects all odd <tr> elements