jquery代码风格
在jQuery中,不管是选择元素还是操作DOM都需要使用到“$”,而"$"是jquery中重要且独有的对象,在jquery中"$"的作用等价于jQuery对象,也就是说,在jQuery中,"$"其实就是jquery内置的一个jQuery对象。
实例:
$(function() {}) // 执行一个匿名函数
// 上面这段代码等价于$(document).ready(function() {})
// 想当于js中的window.onload=function() {}
// 这个段代码的意思是等所有HTML内容全部加载完毕之后再执行js代码
$('#box') // 选择一个id名为box的元素
$('#box').css('color', 'red'); // 执行一个功能函数,这个函数的作用是将box的颜色值改为red
以上代码段等价于:
jQuery(function() {})
jQuery('#box')
jQuery('#box').css('color', 'red')
jQuery语法
通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
- jQuery语法是通过jquery内置选择器选中html中的某些元素,然后通过jquery的内置函数库对这些所选中的元素进行操作。
基础语法:
$('selector').action()
// selector: 选择器,使用css选择器语法
// action(): jquery内置函数,对选中的DOM元素进行操作