jQuery是一款非常流行的JavaScript庫,它可以方便地操作HTML文檔,讓我們在前端開發中事半功倍。其中的選擇器就是jQuery的重要特性之一,它可以快速定位和操作HTML元素。
// 示例1:獲取文本框的value值 $('input[name="username"]').val(); // 示例2:設置文本框的value值 $('input[name="username"]').val("Tom");
上述代碼中,我們使用了val()方法來獲取或設置表單元素的value屬性。其中,$('input[name="username"]')就是一個jQuery選擇器,它可以選擇name屬性為“username”的所有input元素。
除了表單元素外,我們還可以使用選擇器來獲取頁面中的文本內容。下面是一個示例:
// 示例3:獲取指定元素的文本內容 $('h1').text();
上述代碼中,我們使用了text()方法來獲取h1標簽中的文本內容。與val()方法相似,我們也可以使用text()方法來設置元素的文本內容:
// 示例4:設置指定元素的文本內容 $('h1').text("Hello World!");
總之,jQuery選擇器是一項非常實用的工具,它可以讓我們輕松地定位和操作HTML元素。通過上述示例,相信大家已經能夠熟練地使用val()和text()方法了。
上一篇jquery選擇器題目