jQuery Add

jQuery add គឺសំរាប់បន្ថែមនៃ element ឬ content ថ្មី ដែលមាន method ដូចខាងក្រោម៖

• append()
• prepend()
• before()
• after()

1. append()

append method គឺគេប្រើ method insert content នៅបន្ត element ។

<h1>Hello</h1>

<script>
	$(document).ready(function(){
		$('h1').append(" Ros Dul")
	})

</script>

2. prepend()

prepend method គឺគេប្រើ method សំរាប់ insert content នៅពីមុខ element។

<h1>jQuery!</h1>

<script>
	$(document).ready(function(){
		$('h1').prepend("Welcome ")
	})

</script>

3. before()

before method គឺគេប្រើការដាក់វានៅលើនៃ element ដែលយើងបានទាញយកមក។

<h1>jQuery!</h1>
<p>Hello we study jqery with basic together</p>

<script>
	$(document).ready(function(){
		$('h1').before("Welcome ")
	})

</script>

4. after()

after method គឺគេប្រើរការដាក់វានៅក្រោមនៃ element ដែលយើងបានទាញយកមក។

<h1>jQuery!</h1>
<p>Hello we study jqery with basic together</p>

<script>
	$(document).ready(function(){
		$('h1').after("Welcome ")
	})

</script>

5. append multi

យើងអាច append ចូលក្នុង jquery ដោយមាន html, javascript and jquery។

function appendText(){
let text1 = "<p>text1</p>" //create by html
let text2 = $("<p></p>").text("text2") // create by jQuery
let text3 = document.createElement("p") // creeate by javascript
text3.innerHTML = "Text3"
$('p').append(text1, text2, text3) // append all
}

<div></div>

<script>

$(document).ready(function(){
	myText()

})

function myText(){
let text1 = "<p>Hello Ros Dul1</p>" 
let text2 = $("<p></p>").text("Hello Ros Dul2")
let text3 = document.createElement("p") 
text3.innerHTML = "Hello Ros Dul3"
$('div').append(text1, text2, text3) 

}
</script>