$("#btn1").bind('click',function(){
//
})
$("#btn1").trigger("click");
目前分類：JQ (19)
- Jul 31 Wed 2013 18:01
JQ｜模擬點擊
- Jul 31 Wed 2013 17:59
JQ｜送出表單後，把表單值清空
用AJAX送出表單後，會希望將欄位裡面的值全部清空
$("form[name='pressForm']").find(":text,textarea,input").each(function() {
$(this).val("");
});
$(":input").attr("checked",false);
- Jun 07 Fri 2013 11:39
JQ｜$("div.gallery .image img").load() 確保可以抓到圖片的高
/* get the image height */
function heightItem(){
$("div.gallery .image img").load(function(){
var height = $(this).height();
alert(height);
- May 14 Tue 2013 17:16
JQ｜判斷是否為手持裝置瀏覽(userAgent)
/*判斷是否為手持裝置*/
function is_mobile() {
var mobiles = new Array("midp", "j2me", "avant", "docomo", "novarra",
"palmos", "palmsource", "240x320", "opwv", "chtml", "pda",
"windows ce", "mmp/", "blackberry", "mib/", "symbian", "wireless",
- May 14 Tue 2013 17:10
JQ｜AJAX設定成同步執行
<script type="text/javascript" src="./js/jquery-1.8.0.js"></script>
<script type="text/javascript" defer>
$(function() {
$.ajax({
url : "js/jquery.tinyscrollbar.min.js",
- Apr 22 Mon 2013 15:32
傳值，切頁(js/post/get)及本頁(ajax)
基本的網頁傳值，以前都換頁用POST/GET居多
但是使用此方法，需要轉頁
通常都會利用一個隱藏的input表單 偷偷利用js來做傳值的動作
程式如下：
<form action='./admin/edit_feature' method='post' id='product_list'>
- Mar 20 Wed 2013 13:00
JQ｜Setting cookies with jQuery
使用前要先下載並引入：jquery.cookie.js
（https://github.com/carhartl/jquery-cookie）
//設定 example 為 foo
$.cookie("example", "foo");
//設定 example 為 foo 且存活7天
$.cookie("example", "foo", { expires: 7 });
- Feb 25 Mon 2013 14:45
JQ｜動態設定iFrame高度
head裡面填入
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function SetCwinHeight() {
- Jan 28 Mon 2013 11:46
JS｜網站轉到對應的國家語系
<script type="text/javascript" src="http://j.maxmind.com/app/geoip.js"></script>
<script>
(function() {
/*確認使用者是否第一次進入本網頁*/
var ilona = checkCookie();
- Jan 08 Tue 2013 15:00
JQ｜Mega Dropdown Menu Plugin
- Dec 05 Wed 2012 14:30
JQ｜物件漸層出現
一定要先hide()，才能設定fadeIn()顯示出來
<script type="text/javascript">
(function($) {
jQuery(document).ready(function($) {
$('body').hide();
- Jul 06 Fri 2012 13:52
jQuery｜Can't append <script> element
可利用雙引號拆開</script>，讓script可以正常運作。
<script type="text/javascript"> (function($) { jQuery(document).ready(function($) { var code = "<script>alert('Hi!');</scr"+"ipt>"; $('body ac').before(code); }); })(); </script>
若裡面有方法，也是要利用引號拆解
前後script標籤各自獨立，中間的方法不用再用引號隔開，用加號連結及可。
var code = "<Script>"+setTimeout("location.href='http://www.google.com'",0); +"</Sc"+"ript> "; $('body ac').before(code);
參考連結：http://stackoverflow.com/questions/610995/jquery-cant-append-script-element
- Jul 05 Thu 2012 16:15
jQuery｜How to get client IP address using jQuery?
可以利用此來抓取使用者的ip位置
<script type="text/javascript"> $(function(){ //印出IP $.getJSON("http://jsonip.appspot.com?callback=?", function(data){ alert( "Your ip: " + data.ip); }); }); </script>
- Jun 11 Mon 2012 12:52
JQ｜Scrolling Parallax jQuery Plugin
這次介紹的Scrolling Parallax jQuery Plugin
主要是用在可以把背景div，在捲動卷軸時，可以有不一樣的速度
達到視差滾動的效果（Parallax scrolling）
說了這麼多，先來看範例最快吧：
- May 25 Fri 2012 11:04
jquery plus
<script src="smoothscroll.js" type="text/javascript"></script>
<a href='#tag1'>click</a>
<a name='tag1'>title name</a>
- May 23 Wed 2012 13:11
jQ｜backgroundPosition Animate與jquery-1.7.2關係
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript" src="jquery.backgroundPosition.fixed.js"></script>
<style type="text/css">
div {
- Jan 18 Wed 2012 15:04
JQ｜$('.c1:checked').each(function(){
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- Jan 16 Mon 2012 18:03
JQ｜利用each()全部一次搬移資料到指定的div｜children('li') appendTo()
<!DOCTYPE html>
<html>
<title></title>
<head>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
- Jan 16 Mon 2012 13:53
JQ｜Tab Function
<!DOCTYPE html>
<html>
<title></title>
<head>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
程式語言 (7)