Đang chuẩn bị nút TẢI XUỐNG, xin hãy chờ
Tải xuống
jQuery của sức mạnh là sự dễ dàng mà bạn có thể lựa chọn và vận dụng các yếu tố trên trang. Chúng tôi đã sử dụng một phương pháp đã được chọn để chọn tất cả các yếu tố div rằng có một ID của div1: | CHAPTER 12 JQUERY At the bottom of the page add a script block containing a very simple jQuery function you will see at a better way of wiring up this script to the click of a button shortly script language javascript function hellojQuery div1 .html hello jQuery script Press F5 to run your application and click the Hello jQuery button the text of the first div should change to hello jQuery . How Does It All Work Probably the only weird looking bit of code is this line div1 .html hello jQuery Let s dissect it The sign is an alias that tells the browser to use the jQuery namespace. You could instead replace it with jQuery div1 if you want but that would involve more typing so don t be silly. The text div1 tells jQuery to select all elements with an ID of divl. jQuery will return a wrapped set of all elements matching the selector. Note that even if your selector returns just one element you will be working with a wrapped set. jQuery also allows you to utilize CSS type selectors and adds a few of its own that you will look at shortly. The .html function is jQuery s version of the innerHTML property and it applies the change to all elements in the returned set. USING .HTML Warning note the difference when using .html and .innerHTML .html hello jQuery .innerHTML hello jQuery Selecting Elements jQuery s strength is the ease with which you can select and manipulate elements on the page. We have used a selector method already to select all div elements that have an ID of divl div1 .html hello jQuery 275 CHAPTER 12 JQUERY jQuery supports many different ways to select an element or elements that should meet all but the most awkward requirements. Table 12-1 lists examples of other selection methods you might want to use. Table 12-1. Example selection methods Selector Selected div1 Select a div with ID of divl. div Select all divs. div.standardDiv Select all divs with a class of standardDiv. .standardDiv Select all elements with a class of standardDiv. div4 div5 Select a div .
