-
使用toggle()方法绑定多个函数 toggle()方法可以在元素的click事件中绑定两个或两个以上的函数，同时，它还可以实现元素的隐藏与显示的切换，绑定多个函数的调用格式如下： $(selector).toggle(fun1(),fun2(),funN(),...) 其中，fun1，fun2就是多个函数的名称 例如，使用toggle()方法，当每次点击<div>元素时，显示不同内容，如下图所示： 在浏览器中显示的效果： 从图中可以看出，每次点击<div>元素时，都依次执行toggle()方法绑定的函数，当执行到最后一个函数时，再次点击将又返回执行第一个函数。 注意：toggle()方法支持目前主流稳定的jQuery版本1.8.2，在1.9.0之后的版本是不支持的。查看全部
-
该插件自带包含必填、数字、URL在内容的验证规则，即时显示异常信息，此外，还允许自定义验证规则，插件调用方法如下： $(form).validate({options}) 其中form参数表示表单元素名称，options参数表示调用方法时的配置对象，所有的验证规则和异常信息显示的位置都在该对象中进行设置。查看全部
-
:visible過濾選擇器 1.獲取的是全部可見的元素，只要不將元素的display屬性值設置為「none」，那麼，都可以通過該選擇器獲取。 2.調用$("p:visible")選擇器代碼，獲取那個可見的<p>元素，並調用html()方法獲取該元素的內容查看全部
-
:hidden過濾選擇器 1.獲取全部不可見的元素，這些不可見的元素中包括type屬性值為hidden的元素。 2. var $strHTML = $("input:hidden").val(); 獲取隱藏input的value值查看全部
-
:has(selector)過濾選擇器 獲取選擇器中包含指定元素名稱的全部元素，其中selector參數就是包含的元素名稱，是被包含元素。 ex: $("li:has('p')")選擇器代碼，獲取了包含<p>元素的全部<li>元素查看全部
-
使用hover()方法切换事件 hover()方法的功能是当鼠标移到所选元素上时，执行方法中的第一个函数，鼠标移出时，执行方法中的第二个函数，实现事件的切实效果，调用格式如下： $(selector).hover(over，out); over参数为移到所选元素上触发的函数，out参数为移出元素时触发的函数。 例如，当鼠标移到<div>元素上时，元素中的字体变成金黄色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用hover()方法执行两个函数，当鼠标移在元素上时调用addClass()方法增加一个样式，移出时，调用removeClass()方法移除该样式。查看全部
-
使用bind()方法绑定元素的事件 bind()方法绑定元素的事件非常方便，绑定前，需要知道被绑定的元素名，绑定的事件名称，事件中执行的函数内容就可以，它的绑定格式如下： $(selector).bind(event,[data] function) 参数event为事件名称，多个事件名称用空格隔开，function为事件执行的函数。 例如，绑定按钮的单击事件，单击按钮时，该按钮变为不可用。如下图所示： 在浏览器中显示的效果： 可以看出，由于使用bind()方法，绑定了按钮的单击事件，在该事件中将按钮本身的“disabled”属性值设为“true”，表示不可用，当点击时触该事件。查看全部
-
:contains(text)過濾選擇器 1.按照文本內容來查找一個或多個元素，而:eq(index)選擇器按索引查找元素 2.選擇包含指定字符串的全部元素，它通常與其他元素結合使用，獲取包含「text」字符串內容的全部元素對象。其中參數text表示頁面中的文字。 3.$("li:contains('jQuery')");jQuery為什麼必須加單引號呢?因為它是一個字符串，而不是一個變量，所以不加單或雙引號的話是會出現錯誤的。查看全部
-
:eq(index)過濾選擇器 1.如果想從一組標籤元素數組中，靈活選擇任意的一個標籤元素$(":eq(*)") 2.例如$("li:eq(index)")--獲取li標籤的第index個。參數index表示索引號（即：一個整數），它從0開始，如果index的值為3，表示選擇的是第4個元素查看全部
-
:first過濾選擇器 1.該類型的選擇器是根據某過濾規則進行元素的匹配，書寫時以「：」號開頭,通常用於查找集合元素中的某一位置的單個元素 2.想得到一組相同標籤元素中的第1個元素 $("li:first") 想得到一組相同標籤元素中的最後一個元素 $("li:last") 想得到一組相同標籤元素中的第*個元素$(「li:eq(*)」)==========*由數字0算起；0為第一個元素查看全部
-
$("prev ~ siblings")選擇器 參數prev與siblings兩者之間通過「~」符號形成一種層次相鄰的關係，表明siblings選擇器獲取的元素都是prev元素之後的同輩元素查看全部
-
页面加载时触发ready()事件 ready()事件类似于onLoad()事件，但前者只要页面的DOM结构加载后便触发，而后者必须在页面全部元素加载成功才触发，ready()可以写多个，按顺序执行。此外，下列写法是相等的： $(document).ready(function(){})等价于$(function(){}); 例如，当触发页面的ready()事件时，在<div>元素中显示一句话。如下图所示： 在浏览器中显示的效果： 从图中可以看出，当页面的DOM框架完成加载后，便触发ready()事件，在该事件中，通过id号为“tip”的元素，调用html()方法在页面中显示一段字符。查看全部
-
prev+next選擇器 1、$("prev + next")選擇器就可以查找與「prev」元素【同級的緊鄰的】下一個「next」元素 2、$("p+span")指的是<p>元素下一個<span> 3、$<"p+">則代表下一個同級元素；同理$<"p++">表示下面第二個同級元素查看全部
-
parent > child選擇器 與上一節介紹的ance desc選擇器相比，parent > child選擇器的範圍要小些，它所選擇的目標是子集元素，相當於一個家庭中的子輩們，但不包括孫輩，它的調用格式如下： $("div>span")查看全部
-
使用remove()和empty()方法删除元素 remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。 使用remove(".red")方法只是把<span>元素中类别名为“red”的这部分元素给删除了。 使用empty()方法删除全部<span>元素的子元素内容。查看全部
举报
0/150
提交
取消