Jquery是一種流行的JavaScript庫,被廣泛使用于前端開發。其中$()是最常用的Jquery函數之一,用于選擇HTML元素和應用相應的操作。該函數可以接受各種參數,包括CSS選擇器、HTML元素、DOM元素、Jquery對象等。
// 使用CSS選擇器選取元素 $('p') // 選取ID為example的元素 $('#example') // 選取class為foo的元素 $('.foo') // 選取所有標簽 $('a') // 接受DOM元素作為參數 var elem = document.getElementById('example'); $(elem) // 使用Jquery對象作為參數 var example = $('#example'); $(example) // 與其他選擇器組合使用 $('p.foo') $('.container p') $('input[type="text"]')
除了選擇元素,$()還可以應用各種操作,比如添加/移除類、綁定事件、修改屬性等等。例如:
// 添加類 $('p').addClass('new-class') // 移除類 $('p').removeClass('old-class') // 綁定點擊事件 $('button').on('click', function(){ // 在此處添加相應的操作 }) // 修改元素的HTML內容 $('#example').html('new content')
總之,$()是Jquery的核心函數之一,非常方便實用。熟練使用$()可以大幅提高前端開發效率。