Unobtrusive Javascript rich text editor? [closed] - asp.net

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
We've used the no-longer-supported RichTextBox control as part of our (ASP.NET-based) CMS for a long time, and we'd like to replace it with something lighter-weight and with better cross-browser support. We were originally looking at various ASP.NET components, but I'm wondering if we'd be better off just using an open-source, all-Javascript solution instead.
I'm a recent convert to jQuery, and I've been amazed at what can be done purely on the client side with very compact add-ons like Flexigrid and of course the excellent WMD. I've done a little poking around for all-Javascript editors, and this is what I've found so far:
Batiste jQueryEditor
Xinha
YUI Rich Text Editor
Tiny MCE
FCKeditor
After a superficial review, Tiny MCE looks like a good choice; but I'd be interested in hearing from people in the SO community who have actually used these. Let me know what you think.

I've used TinyMCE. Great across browsers; easy to configure to be extremely light weight and allows you to control what your user can do. Some of the plug-ins (such as the image manager) are great and easy to implement. Nice that it also support the Google Spellchecker so you don't need any libraries installed on your server.

I've used TinyMCE and I must say I'm not a fan. The main issue with it is that when new versions are released, the API can change drastically, making it very difficult to manage upgrades. There seems to be little regard for backwards compatibility.
The YUI editor is quite nice, and really easy to use. It's still beta as far as I know, so I'm not sure I would necessarily recommend it in a production environment.
FCK is a nice editor, and it has ASP.NET support.

I've used FCKeditor, it's a good editor. Pretty easy to use. The newer versions have very good cross browser support.

It's been mentioned, but the memories of that year lost to RadEditor still haunts me.
On the bright side, they have an incredibly vigilant, and apparently numerous support-staff;
so whenever you need to find that little whatnot that's causing that particular day's RadBugs;
you know you can always have them brew up some custom and obscure mini-fix.
After one year of tangoing with that beast, I had to retreat to pastoral C64 GOTO adventures to preserve my sanity...
Alas, we all need our WYSIWYG editors from time to time, and after trying out both (F)CKeditor and TinyMCE in .NET settings, I am humbled by both.
Would choose TinyMCE at gunpoint though...

I was looking for a good editor too last week, tried WMD but is just not easily customized enough compared to markItUp. It's so easy to extend and customize markItUp, function-wise and theme-wise.
OpenWYSIWYG was on my list too but after trying markItUp I got stuck with it. Plus OpenWYSIWYG is not jQuery, it's JavaScript, but open-source and cross-browser.

WebKit.org has a demo of a very nice/subtle text editor, but i don't know if it works in IE at all (It does work in WebKit based browsers (obviously) and Firefox)

I can't tell if you're specifically looking for a free/open-source solution or not. Others have mentioned many great open-source editors.
If you're willing to look at commercial solutions, Telerik offers the RadEditor. It is highly integrated with ASP.NET and supports all the major browsers.

Event if you will have a lot of connection bandwidth and patience :)
Actually, Telerik is an ASP.NET product and it require asp.net ajax frameworks for runtime and it need to ajax scriptmananer on the running page.
In my opinion, Telerik not good example for this subject.

i'm currently looking for the same kind of editor - lightweight, jQuery and with ASP.Net support. i've came accross Batiste Bieler's jQuery Lightweight Rich Text Editor which seems very simple, nice, pure jQuery lightweight editor.
and there is interpid studios variation that states to be ASP.Net compatible and based on the original above mentioned library (although, doesn't explain what is the thing with being ASP.Net compatible and what doesn't make the original compatible with it too...)
i haven't tried any of those yet, but it seems that i will in the next several days, because i'm looking to replace FCK Editor because it has some quirks and strange behavior to my app users. so i might update this post with my own experience with this/these editor(s).
If someone tried those already, please comment to let others know what do you feel about this.

Related

Need recommendations for an ASP.Net compatible HTML->PDF library [closed]

Closed. This question is off-topic. It is not currently accepting answers.
Want to improve this question? Update the question so it's on-topic for Stack Overflow.
Closed 9 years ago.
Improve this question
I am looking for a library to convert HTML to PDF, including styles. I would prefer it be able to accept a URL as an option, but if required, HTML can be passed in as a stream/byte array with all styles in a single file/buffer. I am using C# / ASP.Net 3.5. I have complete control of the server machine ( I can run as a service, etc... ) however, I cannot require the user to be logged in, so no application level or print driver type solutions please.
I know there exist free solutions like PDFSharp, but these still require you to format your output properly. I want the library to generate almost identical output to the source input, which this library doesn't provide ( or at least, I believe it doesn't, correct me if I am wrong ).
I also know there are a number of commercial products available. Some of them are a few thousand dollars, which is beyond my current budget for this feature. There is one library ABCPDF which seems to do exactly what I want to do, for a price I can afford to pay. That said, the lack of professionalism/polish on their website has me a bit wary.
If you have experience with ABCpdf, or can recommend a similar library ( price feature wise ), I would greatly appreciate it.
EDIT: Thanks all for the answers. Sounds like abcPDF or aspPDF are the way to go, and both are within budget.
I use and highly recommend ABCPDF for what you need. I use it to pdf complicated html reports (nested tables & lots of css, & charts). It works fantastic pointing it to a url.
As a bonus it supports the page-break-inside: avoid css.
Back when I wrote classic asp, I used their ABCUpload product, which is also fantastic.
Not a recommendation but....
Stay away from iTextSharp for HTML -> PDF. Its the only "approved" PDF gen lib my current employer allows. We've spend endless hours trying to convert HTML to PDF...its just not what its good for. iTextSharp is great for PDF versions of forms
I have used ABCPDF in the past and it is a very good product for the price.
I have had to use their support as well and they were very quick at dealing with an extremely obscure issue. Good communication and turn around time. I think it was 2 days from the time I put in a ticket to the time a solution was found and resolved.
They have also been very easy to work with with respect to licensing as we have had to buy older licenses that were no longer available (so that an existing product did not need to be retested).
Before settling on ABCPDF we tried 2 or 3 open source products but none had the flexibility or level of support we were happy with.
Here is a link to a thread that I commented on that was looking for a similar product:
Generate HTML To PDF Control for the .NET application
We use ExpertPDF's HtmlToPdf converter, which is pretty nice. Our company has an old license, but many new features have been added. It is pretty straightforward using CSS.
http://www.html-to-pdf.net/
ASPPDF supports HTML to PDF including stylesheets.
http://www.asppdf.com/index.html
But, commercial.
I was using aspPDF but from Persist Software, and it works very fine for my project.
It is very impressive, and it has support from a company developing asp components since the beggining of the ASP.
You can check very good live demos at: http://www.asppdf.com/livedemo.html

Good ASP.NET excel-like Grid control? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
We are looking for an ASP.NET compatible data grid that allows for multi-line editing similar to Excel or a WinForms data grid. It must also support very basic keyboard input (tab, arrow keys, return). Note that we are not looking for Excel capabilities (functions, formatting, formulas) ... just a grid for fast data entry.
I've looked at Telerik, Infragistics, ComponentOne, DevExpress, and many others ... all their support teams have said that the controls either do not support multi-line, or do so in such a clunky way that it would be unusable.
Has anyone used any Excel-like grids that they can recommend? The client-side grids seemed closer to what we needed, with Sigma Widgets ( example ) being the closest I've found so far. Extjs's grid was too inflexible, and the jQuery grid was too buggy.
It does not exist today. There are products such as those you have mentioned which have tried, but in my experience none of them will make an experienced Excel user happy.
My company makes Excel compatible spreadsheet components for use with Windows Forms and ASP.NET. We have been getting this question for years, so we have of course considered building one because it looks like a good business. But HTML / JavaScript is just not a suitable platform for building something which "feels right" to users who want it to work like Excel - IMO.
We have settled on the idea of building a spreadsheet control for Silverlight. I believe this will give you the best of both worlds - cross platform rich interactive spreadsheet in the browser which any Excel user would be comfortable with. Unfortunately, that is not going to happen this month or next...
At my previous company, we actually built a spreadsheet component as a Netscape Plugin, as an ActiveX control and as a Java Applet. They had a little bit of success, but none of these technologies ever became ubiquitous in the enterprise for various reasons. I believe Microsoft is finally getting it right with Silverlight and that Silverlight will become the gold standard for browser based Line of Business applications in the Enterprise.
EDIT:
I should have mentioned that the product I alluded to above is Formula One / NET (Netscape Plugin released ~1995), Formula One / ActiveX and Formula One for Java - which is now sold by Actuate as e.Spreadsheet. I left in 2002, but AFAIK they still maintain the Java Applet which is probably the best example of an Excel like UI in the browser (I have no interest in the product any more - in fact we compete to some extent with e.Spreadsheet and intend to have a better answer with a Silverlight control in the future). I did not mention it by name in my original answer because it is a Java product - not a .NET product - but it is a potential answer even for an ASP.NET web site.
Lloyd Cotten correctly comments that Google Docs is an example of a spreadsheet built with HTML / JavaScript. Lloyd says Google Docs "definitely 'feels right' in its similarity to Excel". While I respect Lloyd's opinion, in my experience Google Docs does not 'feel right'. Perhaps this is because I'm a spreadsheet guy. I do know that we talk to potential customers almost every day who are trying to solve the problem of the OP, and they have all looked and cannot find one they are happy with - but of course they would not be calling us if they had so we are dealing with a biased sample and I understand that.
So I just want to clarify that there are in fact plenty of examples of HTML / JavaScript grids and spreadsheets which are usable. It's just that I don't want to have to use them because I expect certain keys to do certain things and a particular level of responsiveness which is just not there today with any of the HTML / JavaScript solutions I have tried (and I look at them regularly because my company could definitely sell such a product if it were feasible to build one that we could be proud of).
How about FarPoint Spread?
I'm in the middle on evaluating FarPoint Spread for ASP.NET, and so far I've been happy with the result.
We ended up using Sigma Grid ... thanks for all the other replies!
Well.. not sure, but I am looking for something similar and I found:
Nitobi
Not sure if it does exactly what you want, although youcan definately move around with cursor keys, and edit inline....
EDIT
Also Essential Objects have a good editor too... seems very like excel...
http://demo.essentialobjects.com/Default.aspx?path=Grid_i1_i20
RealWorld Grid is probably what you are looking for. I'm using it in my projects, and it works perfectly.
Here's their CooglePlex page
I don't think it supports the arrow keys, but it makes multirow editing a breeze.
p.s. seems like you're looking for client-side grids ... this one is server-side. I'll leave the comment there, somebody might find it useful.
I have used the Infragistics grid with success. However, the learning curve is huge (and there's practically no support) and I don't know if there is multi-line editing.
I've used Syncfusion's components and they're quite good, they boast an "Excel-like" editor, though I didn't see multi-line mentioned.
For intranet and IE users Office Web components can be an option. While flying in the face of all things a good web application should be, they let users feel at home in office on the web.
I had great success using the pivot table control combined with MS OLAP a few years ago. User loved it and no wheels needed to be reinvented.
http://www.microsoft.com/downloads/details.aspx?FamilyID=982B0359-0A86-4FB2-A7EE-5F3A499515DD&displaylang=EN
http://msdn.microsoft.com/en-us/magazine/cc164070.aspx
I think http://codethat.com/grid/ is quite good!
Excel Like GridView allows for multiline editing and navigating using the arrow keys, as well as resizing columns and rows.
http://darkroastjava.wordpress.com/2010/04/28/creating-an-excel-like-grid-for-asp-net/ is an extension of that which also supports pasting multi-cell values from the clipboard.
Unfortunately, both only work in IE so far, but that meets my personal needs at this point of time.
dhtmlxGrid (client-side, JavaScript grid) supports multiline feature (demo), keyboard navigation and comes with server-side connector for ASP.NET. In case, someone is still looking for such a grid. Disclosure: I'm a part of the DHTMLX team.

Recommended ASP.NET Grid and UI tools [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 9 years ago.
Improve this question
We are building a web application using C# and SQL server. We are thinking about buying the DevExpress ASP.NET controls. Anybody have any opinions about this tool or have any they would recommend?
I've made extensive use of the DevExpress ASPxGridView and many of their other controls.
As mentioned earlier, the DevExpress controls can create a lot of markup, however, they other a ton of functionality and features. They're pretty easy to use. If all you're needing is a really simple grid control, then it's probably overkill. However, if you want to have features like sorting/grouping, drag-drop re-ordering of columns, hiding and adding columns at run-time, AJAX support, etc. then these controls are awesome.
Recent versions (2009.2 and 2009.3) have introduced a number of performance improvements mainly around reducing the volume of traffic and cycle time involved in round-trips to the server. This has made the controls feel even snappier at the end-user side.
One other key benefit of the DevExpress controls is the support. These guys are excellent at getting back to you with meaningful answers to questions in a timely manner. I also enjoy the fact that they have several releases per year which include enhancements and new functionality. You can see their release history by looking at their release history for the ASPxGridView: http://devexpress.com/Products/NET/Controls/ASP/Grid/whatsnew.xml
All in all, I think it's a good value for the money.
By the way, I have no affiliation with DevExpress, I'm just a happy customer.
I can't comment on the DevExpress control, but as you were also asking for alternatives:
I was mainly using Telerik RadControls for ASP.NET Ajax in the past. This is a full suite of controls with many controls (have a look at the demos to get an idea). I think these controls are quite powerful, although you'll need to consult the documentation to take advantage of all the features. In addition, I'd like to point out that telerik offers great support (in my experience).
i think the tool is good, but if you are just starting the building of the application i would recommend using asp.net mvc instead of asp.net webforms
I used the DevExpress grid controls on a project and they were excellent. Easy to skin and customise with some great features out of the box like filtering, sorting and AJAX support.
We have used the Infragistics WebGrid. They have great knowledge base and help available from their website.
The feature I liked and implemented was the client side edit of data simulating excel functionality. You can edit the cell by simply moving the arrow keys and without using mouse.
Take a sample look at http://samples.infragistics.com/2009.2/WebFeatureBrowser/Default.aspx
I've used both and my honest opinion is that they are over-engineered (esp. Telerik) and create a lot of muck in the markup. Also, there is always a learning curve involved in successfully adopting any of these offerings. However, if you really do have to have the eye candy, go for it:-)

Free tools to speed up web development [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 6 years ago.
Improve this question
As a little side project, I am starting to build a new website for a certain organization I am affiliated to, which current site is simply outdated.
I am regularly a Java developer, and last time I really did some web development was back in the late 90s, when <p> was still more popular than <div> and Javascript was cutting-edge technology (JQuery is for lazy bums these days :) ).
Anyway, I feel really outdated. The website basically is going to be:
Django based
mostly serve static information pages
it will have a dynamic news and updates page (based on Django admin capabilites)
and some basic apps I'll develop myself (polls, small registration app, etc...)
My problem is designing the whole thing. I found some nice web-based CSS layout generators that got me going, but I still feel I'm wasting my time smoothing out the CSS files and aligning <div>s.
Are there any tools - the simpler and faster, the better - that you recommend I can use to speed up the design part of the site so I can concentrate on the real work?
I don't need anything fancy, just a nice looking layout and design that I can tweak a bit so the site will look presentable.
I second Brandon's suggestion to use a CSS framework. It won't give you 100% freedom to design anything you like, but it can speed up your design process greatly and free up your hands to do the coding you really want.
Suggestions Updated July 2013:
Twitter Bootstrap http://twitter.github.io/bootstrap/ - complete grid, typo, UI widget prototyping framework
ZURB Foundation http://foundation.zurb.com/ - responsive grid, type, UI widget prototyping framework (similar in scope to Twitter Bootstrap, but feels 'cleaner' in some ways)
960 http://960.gs/ - grid layout system
Tripoli http://devkick.com/lab/tripoli/ - really good typography, but no grid system
YUI Grids http://developer.yahoo.com/yui/grids/ - very customizable (to the point of overkill) grid system
Blueprint http://www.blueprintcss.org/ - grid system and basic typography
BlueTrip http://www.bluetrip.org - a hybrid system, mixing the best of the Blueprint grid with the best of the Tripoli typography
I won't lie to you. This website isn't the best place to go if you're looking for reliable Web Design advice. Stack Overflow is a programming community and programmers rarely know anything about design. If you want to get some real advice then I would strongly recommend the main Web Design/Development forums on the Internet, especially SitePoint.
That being said, as a former freelance Web Designer/Developer I'll offer my input on the issue. Not that you should value it, of course. After all, this is a programming website.
NEVER EVER SAY CSS LAYOUT GENERATOR EVER AGAIN! If you're going to seriously get into designing web pages then you need to learn semantic XHTML and CSS first. Whilst many people tout W3Schools as the definitive resource I see it as a programmers answer (i.e. not very good) and would prefer that you read up on the subject using...Google. There are countless examples of great websites to pick up the basics of Web Design/Development that Google is probably the best website for the job. Also, with a plethora of new websites offering this information you know it's going to be more improved than W3Schools. You'll seriously want to get clued-up on writing your design because it'll be much harder to fix things later on in the project.
If you're going to be designing web pages it would be a good idea to learn what actually makes a good design. Check out CSS Vault for a fantastic resource of some of the best-designed web pages around, of course with all the source code intact so you can have a play around with their code and see how they've managed some of the wonderful effects they've produced. I've learnt more than a thing or two from websites that have been featured on CSS Vault. On top of that you should read up on Web Design from the big Web Design/Development sites. Two of my favourites are SitePoint and A List Apart, two names that you'll near time and time again when you hear people talk about resources. Browse those websites, check their forums, see what REAL Web Designers/Developers are using, not what programmers are using.
On the subject of CSS Frameworks; they do help! The problem with using them is that you'll often spend so much time looking for a worthwhile framework that you could have finished most of the CSS for your website yourself. You'll either love them or hate them, but many people will say that they're not necessary.
Once you've got your mind set on what a good design looks like and you've got the resources you need to make something of value I suggest that you get to work! In reality when you're designing a web page all you really need is a text editor with a save function, an image manipulation program, a browser window and FireBug. An IDE helps a lot of people, but if you do use one then you'll definitely want to work in its text mode. I use NotePad++ or Emacs exclusively but a lot of people like to use Aptana Studio, so it may be worth a look.
When you're getting to actually building the code behind your website you can't really go much worse than your favourite IDE/Text Editor and a source control tool. As a Java programmer you're better suited to talk about programming so I won't lecture you on a subject you already know.
In the end, Web Design is going to take time and many of the tools that we choose to use that we claim will "save time" save very little in reality. If you're not a design guru then it will take you a substantial amount of time to create a great-looking website. It's a fact of life. Call me old-fashioned (a funny word coming from a 21 year old) but I still think that the quickest way is to sketch a design out on a piece of paper (a image program if really necessary) and to just get out there and make the damn thing! Again, I'll have to take this hunting for the silver bullet mentality as a programmers trait, one that really won't help that much when designing, because designing a web page is vastly different to writing a Java program.
In short, ignore everything you read here, read what REAL designers are doing and just make the damn thing!
There's one piece of advice that saves more time than any other when it comes to rapid development of CSS styled sites and that's KEEP IT SIMPLE
Use an attractive simple layout that doesn't require pixel perfection and that can 'gracefully' degrade in less compliant browsers (IE6). Minimise the amount of CSS and fix the basic bugs mentioned by meouw above. Then get on an concentrate on content and functionality...the real work
In my previous employment I created dozens of templates for websites.
The most useful too I ever discovered is the Firefox Web Developer Toolbar.
It has a wealth of small useful tools. My favorite feature is the ability to edit the CSS and see the results in real-time. This saves on the whole edit - upload - refresh cycle. Watch out for ie CSS inconsistencies though!
Off the top of my head, these are the most important gotchas.
double margin bug [google: double margin bug]
incorrect (but more intuitive) box model [google: box model]
incorrect (but more intuitive) float clearing [google: clearfix]
FireBug is another really usefull Firefox plugin for more in depth analysis.
I've always found Open Source Web Design to be a good resource when looking to get started trying to design something.
- http://patterntap.com/
- http://www.dotemplate.com/ (interesting concept of customizing template)
- http://www.templatemonster.com/
- http://www.freelayouts.com/websites/html-templates
- http://www.templateyes.com/
No idea what the site is going to be, but have you thought of using a pre-build CMS like Drupal, Joomla etc etc.? You can then tweak templates etc, rather than worrying about making it from scratch.
This question is pretty old, but since we're in 2012, it's only proper that I answer my own question with the exact thing I was looking for, back in 2009.
Twitter Bootstrap
Have you looked into any CSS frameworks? If you are competent enough with CSS something like a framework could help speed things up.
Don't forget firebug :) if you're worried about tweaking the design it's really great. With the inspect feature allowing you to real-time edit the CSS of your page.
https://addons.mozilla.org/en-US/firefox/addon/1843
I second Jens Roland's list of CSS frameworks.
But I would also suggest you have a look at websites such as Smashing Magazine. You might find this article of interest, amongst a lot of others. They tend to do a lot of nice and long mash-ups for the web developers that will at least give you inspiration if not a direct solution.
A colleague of mine has been trying to convince me all week that Dreamweaver, 5 years after I was last forced to use it at gunpoint, is actually now worthwhile for knocking up a design quickly and painlessly, and is also now competent at producing the HTML for that design.
I refuse to invest the 10 minutes it would take to find out based on my previous experiences of it, but you might like to give the demo a quick run around the block :)
I'd recommend finding a CMS package, since you're using Django, look into django-cms. It has TinyMCE and Markdown Support so updating your pages should be easy. Also django-cms integrates well with the Django admin interface.
A piece of paper to sketch your design
A text editor (preferably set up to save directly to a development server local or otherwise) to write up the initial HTML/CSS
FireBug/IEDeveloperToolbar to inspect each element that looks wrong and edit its CSS directly in the browser until it looks fine, followed by commits with the text editor
If you're doing any JavaScript development, use an advanced editor that highlights errors and warnings as you type. This kind of functionality has until recently been the province of static language editors only, but the free NetBeans 6 achieves this amazing feat. Traditionally, you first discovered JavaScript typos and simple bugs when first loading the parent page into a browser. The speed-up you get from being able to short-cut these iterations is profound.
NetBeans 6 also highlights CSS errors and is a more than capable editor for most all languages a web developer is likely to use these days.
You can also use www.zbugs.com - it will help you speed up a process of compressing and gzipping your CSS and Javascript files

What are some of the pros and cons of using jQuery? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.
Closed 8 years ago.
Improve this question
As someone who is only barely proficient in javascript, is jQuery right for me? Is there a better library to use? I've seen lots of posts related to jQuery and it seems to be the most effective way to incorporate javascript into ASP.NET applications.
I've been out to jQuery's site and have found the tutorials and other helpful information. Any other reference material (i.e books, blogs, etc.) would be helpful.
Thanks!
The great thing about libraries like jQuery and Prototype is that they take care of a lot of the cross-browser kwirks that can make Javascript such a pain to write. Either one of those or maybe even mootools will be good to you, their respective websites being about as good as a resource as it's gonna get.
edit: as far as the 'con' of having extra loading size on your page, I suggest using Google to host these for you. Optimistically, some people will have it cached from other websites, plus Google takes care of versions/compression for you.
Pros: jQuery is a great library which lets you get what you want done in much much much less code, with a lot less hassle. The plugin architecture is incredibly simple, and the community producing plugins is very strong and active. If you can think "wouldn't it be nice if I could..." then chances are there's a plugin for it.
Cons: You are being abstracted away from the raw Javascript. Don't underestimate the effect of this "con". Though working in vanilla JS (that is, javascript without libraries), can be a massive pain, it gives you a much better understanding of what you're actually doing. You might find that your jQuery based solutions could actually be done in vanilla JS with a lot less overhead.
Pros: you don't have to deal with the tangled mess that is cross-platform Javascript compatibility. You don't have to worry about which browsers support standard event handlers and which have their own event systems. You don't have to write two hundred lines of DOM manipulation withHugeLongFunctionNamesFromHell to get nice dynamic pages.
Cons: It's an extra 15KB of code your users have to download the first time they load your page.
I just started using jQuery as well, and have found it to be very helpful. For me, the biggest advantage is having some really nice intellisense in VS for it, and not having to look up every archaic method in the world to accomplish simple tasks. To me, it just seems a lot better organized than plain old javascript, and like someone else said, it has a ton of good built in libraries.
While just beginning to learn JavaScript I looked at the various libraries with amazement. Then I looked more closely at jQuery and was hooked. No longer will I work with DOM without loading jQuery. Not just for websites, jQuery brings powerful utilities, reduced code, and simple handling of local administrator JavaScripts.
Local JavaScripts + jQuery + msHta = awesome interface driven scripts!
For more information about using jQuery on local administrator scripts check out my posts about using jQuery and HTA's...
Chris
Pros: Write less, do more.
Cons: You have to learn it ( only VS gets the intellisense, not the brain [:)] )
If you are interested in jQuery here is a good Review of jQuery Books by Rick Strahl
The biggest thing that I've found helpful in learning jQuery is other people's plugins. I'd find some stuff that you like, and read the plugin code. You may find some pretty cool stuff to learn.
Jquery is also the first javascript framework I used as well. I find the syntax rather use to pick up and the library of plugin and the support from it user very helpful in picking up this language. Although eventually I still continue to borrow books on javascript, I felt jquery is perhaps a good way to show the power of javascript.
If you are only looking for javascript tool that is browser compatible and quite small in size to do DOM manipulation and ajax, then jQuery might be the one you are looking for.
But jQuery is lack in these two areas:
Fullblown widgets (Think of extjs). Note: jQuery-UI is not as complete and quite slow.
Object oriented support (Mootools).
Pros: Cross browser, User friendly function names.
Many plug-Ins.
Only 15KB on the client Side.
Community is pretty huge to guide you.
Easy to work with Services(.svc,asmx) etc. I believe it is wonderful.
Cons:
You may forget JavaScripting
So, I suggest for beginners, learn JavaScripting first and pull your socks for JQuery.

Resources