How do I create a snippet for jQuery?

Question

So I want to create a snippet for the following:

$("input").click(function(event){
    //code goes here
});

But when I try to create the snippet in sublime text:

<snippet>
    <content><![CDATA[
$("${1:Tag}").click(function(event)
{
    ${2:code goes here}
});
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>sclick</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.js</scope>
</snippet>

Obviously there is some sort of conflict between the '$' of both. I read through the docs but didn't find anything. How do I create a snippet for this?

Aankhen · Accepted Answer · 2018-07-09 14:01:08Z

2

Use \ to escape the $:

<snippet>
    <content><![CDATA[
\$("${1:Tag}").click(function(event)
{
    ${2:code goes here}
});
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>sclick</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.js</scope>
</snippet>

(It’s the only supported escape sequence.)

answered Jul 9, 2018 at 14:01

Aankhen

2,26814 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ajay Kudva Over a year ago

Ohh yes totally forgot about these escape characters. Thank you.

Collectives™ on Stack Overflow

How do I create a snippet for jQuery?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related