|
```javascript
$(document).ready(function() {
// code
})
```
|
```javascript
document.addEventListener('DOMContentLoaded', function() {
// code
})
```
|
|
```javascript
var divs = $('div')
```
|
```javascript
var divs = document.querySelectorAll('div')
```
|
|
```javascript
var newDiv = $('')
```
|
```javascript
var newDiv = document.createElement('div')
```
|
|
```javascript
newDiv.addClass('foo')
```
|
```javascript
newDiv.classList.add('foo')
```
|
|
```javascript
newDiv.toggleClass('foo')
```
|
```javascript
newDiv.classList.toggle('foo')
```
|
|
```javascript
$('a').click(function() {
// code…
})
```
|
```javascript
[].forEach.call(document.querySelectorAll('a'), function(el) {
el.addEventListener('click', function() {
// code…
})
})
```
|
|
```javascript
$('body').append($(''))
```
|
```javascript
document.body.appendChild(document.createElement('p'))
```
|
|
```javascript
$('img').filter(':first').attr('alt', 'My image')
```
|
```javascript
document.querySelector('img').setAttribute('alt', 'My image')
```
|
|
```javascript
var parent = $('#about').parent()
```
|
```javascript
var parent = document.getElementById('about').parentNode
```
|
|
```javascript
var clonedElement = $('#about').clone()
```
|
```javascript
var clonedElement = document.getElementById('about').cloneNode(true)
```
|
|
```javascript
$('#wrap').empty()
```
|
```javascript
var wrap = document.getElementById('wrap')
while(wrap.firstChild) wrap.removeChild(wrap.firstChild)
```
|
|
```javascript
if($('#wrap').is(':empty'))
```
|
```javascript
if(!document.getElementById('wrap').hasChildNodes())
```
|
|
```javascript
var nextElement = $('#wrap').next()
```
|
```javascript
var nextElement = document.getElementById('wrap').nextSibling
``` |